我有一个与Div的网站,有一个100%的宽度。但是,当我在iPhone上打开网页时,div并不是100%的宽度。
这是我的iPhone上的一张照片:
深灰色是身体的颜色。
你可以在creemersa.be/Ontwerp2/index.html找到这个网站的开头。
顺便说一句:欢迎大家对我的设计发表意见。我还是个初学者:-)编辑:我也注意到我的页脚显示得不好。
谢谢
发布于 2012-12-13 04:58:40
我认为你的问题来自于:
<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; }
UPDATE:您应该将填充设置为0的原因是将填充添加到设置为100%的元素宽度,因此最终宽度将是100%+padding。为了正确地格式化内容,您应该对子元素进行处理。
发布于 2012-12-13 05:37:07
检查所有元素的定义宽度是否大于要设计的设备的宽度。尽可能在CSS中使用百分比。比方说900px的宽度将拉伸视口。对于iPhone,这是320px。
https://stackoverflow.com/questions/13847164
复制相似问题