网页比iPhone屏幕略宽

Question

我正在开发适用于桌面和手机屏幕的网络应用。但是，当我在iOS模拟器中查看Safari中的应用程序时，该页面实际上比模拟器的屏幕略宽，即使此标记位于HTML文件中：

<meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1.0, initial-scale=1.0">

知道可能导致这种情况的原因吗？

Answer 1

尝试使用任何开发人员工具来检查页面。我相信你会在页面中找到一些水平溢出的div。当您找到它时，尝试在媒体查询中将宽度设置为100％，同时删除元素的左右填充和边距。那应该解决它。

Answer 2

乔治是对的。您还可以检查左侧或右侧是否有任何span个元素。确保此span在div范围内，然后实施:after css以清除浮动。

像这样：

.DIVCLASS:after {
    content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

希望这有帮助！