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

Question

我在我的页面http://crimeansurfers.tumblr.com上有一个.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来调整显示器具有以下参数的移动设备。

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">

我需要更改哪些内容才能按照我的意图工作？

谢谢！

UPD也许它是有意义的渲染帧使用其他方法而不是body CSS标签？

Answer 1

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

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

在这种情况下，我已经设置了媒体查询的到414px一个最大宽度的问题只在屏幕上显示尺寸比iPhone 6+小。