0

我想知道是否还有其他人在这个问题上有经验。我正在开发一个响应式构建，除了我的 Nexus 4 和 Nexus 7 之外，它在所有设备上都可以正常工作。这两种浏览器都使用少量的水平滚动来呈现页面。我知道没有什么是“重叠”的主体或任何父容器，因为我已经将代码剥离回只有两个 div 并且它仍然呈现错误。它快把我逼疯了！

这是简单的代码，但是您需要查看才能在真实页面上查看此代码才能看到我正在谈论的效果。

元视口标签；

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

CSS；

body, html, div { margin:0; padding:0; }
.outer { background:grey; width:100%; }
.inner { background:silver; height:10em; max-width:10em; margin:0 auto; }

和 HTML；

<div class="outer">
<div class="inner">
    <p>Test Content</p>
</div>
</div>

这很简单，所以我不知道发生了什么！帮助！

4

0 回答 0