iPhone上的网站问题

Question

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

以下是我在iPhone上的外观照片：

深灰色是身体的颜色。

您可以在creemersa.be/Ontwerp2/index.html

找到本网站的开头部分 BTW：非常欢迎对我的设计的想法/评论。我还是初学者:-) 编辑：我也注意到我的页脚显示不好。

感谢

Answer 1

我认为您的问题来自：

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

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

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

我还认为你应该将incontent div的填充：设置为0：

.incontent { padding: 0; }

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

Answer 2

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