iphone - iphone上的网站问题

Question

我有一个 Div 宽度为 100% 的网站。这一切都有效，但是，当我在 iPhone 上打开网页时，div 不是宽度的 100%。

这是它在我的 iPhone 上的照片:

深灰色是 body 的颜色。

您可以在 creemersa.be/Ontwerp2/index.html 找到本网站的开头部分

顺便说一句:非常欢迎对我的设计提出想法/评论。我还是个初学者:-)编辑:我还注意到我的页脚显示不正确。

谢谢

Answer 1

我认为你的问题来自:

<div class="wrapper">...</div>
<div class="incontent">...</div>
<div class="incontent2">...</div>

尝试向这三个 div 添加属性 width: 100%。

.wrapper, .incontent, .incontent2 { width: 100%; }

我还认为您应该将 incontent div 的 padding: 设置为 0:

.incontent { padding: 0; }

更新:您应该将 padding 设置为 0 的原因是 padding 被添加到设置为 100% 的元素宽度，因此最终宽度将为 100% +填充。要正确格式化内容，您应该处理子元素。