iphone - iphone上的网站问题

Question

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

这是我的 iPhone 上的照片：

深灰色是身体的颜色。

您可以在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%; }

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

.incontent { padding: 0; }

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

Answer 2

检查所有元素的定义宽度是否大于您设计的设备。尽可能在 CSS 中使用百分比。说 900px 的宽度将拉伸视口。对于 iPhone，这是320px。