Html 该网站在iPhone的屏幕右侧显示一个空白

我遇到了一个问题——iPhone屏幕右侧显示了大约25像素宽的空白/边框。我研究了stackoverflow的问题，这些帖子是相关的，但当我尝试提供的各种解决方案时，我无法解决问题：

我在iPad上也遇到了类似的问题，但通过以下媒体查询，我得以解决：

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
/*and (orientation : landscape)*/ {
html,
body {
width:1000px; 
}
}

我尝试过各种针对html和body元素的媒体查询，但都没有成功。我已经浏览了整个CSS文件，查找背景图像、边距、填充、溢出等方面的问题，但我真的被难住了。有人有什么建议吗

非常感谢

试试这个

iphone5-景观

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { }

iphone5-人像

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { }

iPhone4

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { }

---

问题在于

菜单中的
（为什么是h3，顺便说一句？），由于
宽度：100%
+一些填充，它看起来比视口宽

尝试设置
框大小：边框框到该元素。
这对Tigran来说很有效

我刚刚在样式表的顶部添加了一个全局类：


div{
框大小：边框框；
}
使用以下样式：

正文{
溢出-x：隐藏！重要；
}

这将消除屏幕两侧的溢出，即屏幕上的额外空白
不知道，因为我说过“试试这个”。这完全有效！因此，要从中吸取的教训是，任何宽度为100%的元素都不应该有任何左或右填充。如果是这样的话，iOS会在右边添加一个空白区域，这个空白区域等于额外的填充。这与iOS无关，问题也会在其他浏览器上重现。每当使用带填充的
宽度：100%
时，必须设置
框大小：边框框以避免重叠。我刚刚用此解决了相同的问题。。。问题是我的一个头衔超过了100%。。。谢谢：）虽然这段代码可能会解决这个问题，但如何以及为什么解决这个问题将真正有助于提高您的帖子质量，并可能导致更多的投票。请记住，你是在将来回答读者的问题，而不仅仅是现在提问的人。请在回答中添加解释，并说明适用的限制和假设。