ios - Iphone 网站水平溢出 20px

Question

我正在制作一个响应式网站。 这是一个修改主题的wordpress网站。

主题有 5 个样式表:max-479 px、max-767px、min-768px、min1024px

我已经在 ipad 和 Nexus One(Android) 上测试了该网站。而且效果很好!

但是，当我在 iphone 4S 上测试它时，它会导致移动 safari 和谷歌浏览器出现 css 错误。 css 错误是，在查看网站时，用户仍然可以向侧面滑动，即使我使用了以下 css:

html
{
    width:100%;
padding:0;
margin:0;
    position:relative;
    overflow-x:hidden!important;
}
body
{
padding:0;
margin:0;
    max-width:100%;
    position:relative;
    overflow-x:hidden!important;
}

然后我在 header.php 中插入了这个元标记

    <meta name="viewport" content="width=device-width,maximum-scale=1.0">

我检查了内容中的 div 是否以任何方式溢出。但他们不是。 我完全不知道还剩下什么，所以当用户水平滑动时它不会移动。

网站链接:http://specialrequesthorns.com/

感谢您的帮助。

-- 编辑

感谢@ChrisHerbert 和@mrbubbles 解决了这个问题。 侧边栏似乎有一个宽度为 120% 的 ul，将其设置为 100% 解决了问题!

问候，

门诺范穆尔韦克

Answer 1

只是猜测 - 您是否尝试过使用完整的元数据？

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