Html 如何将视口扩展到全屏宽度？

我的页面上有一个.body元素，它有一个边框框，应该接触屏幕的边缘

body {
    font-family: 'Arquitecta', sans-serif;
    font-size: 13px;
    color: ;
    border: #00f 10px solid;
    background: url(https://secure.static.tumblr.com/nu04jpk/IgAniz800/grid_lyfe_background.gif) #fff;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

它在桌面上显示良好（框架接触屏幕边缘，但是，当我在手机上打开它时，它显示如下：

正如你所看到的，右边的框架没有接触到屏幕的边缘，但它应该是这样的

我还使用

viewport

调整移动设备的显示大小，参数如下：

我需要改变什么才能让它按我的预期工作

谢谢大家!

---

UPD也许可以使用其他方法而不是

body

CSS标记来渲染帧？

在

#thumbs

div中的

ul

元素导致溢出。 您可以通过在样式表底部添加媒体查询来解决此问题

<style>
@media (max-width: 414px) {
  #thumbs ul {
    padding-left: 0;
  }
}
</style>

@介质（最大宽度：414px）{
#大拇指{
左侧填充：0；
}
}

---

在这种情况下，我将媒体查询的最大宽度设置为414px，因为问题只显示在小于iPhone 6+的屏幕上。

尝试在body元素中添加

width:100vw

。似乎是对的，但我必须添加零才能正常工作：

填充左侧：0；

谢谢！@deemetree ah抱歉已修复了输入错误