首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >iphone上的网站问题

iphone上的网站问题
EN

Stack Overflow用户
提问于 2012-12-13 03:30:20
回答 2查看 192关注 0票数 0

我有一个与Div的网站,有一个100%的宽度。但是,当我在iPhone上打开网页时,div并不是100%的宽度。

这是我的iPhone上的一张照片:

深灰色是身体的颜色。

你可以在creemersa.be/Ontwerp2/index.html找到这个网站的开头。

顺便说一句:欢迎大家对我的设计发表意见。我还是个初学者:-)编辑:我也注意到我的页脚显示得不好。

谢谢

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-12-13 04:58:40

我认为你的问题来自于:

代码语言:javascript
运行
复制
<div class="wrapper">...</div>
<div class="incontent">...</div>
<div class="incontent2">...</div>

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

代码语言:javascript
运行
复制
.wrapper, .incontent, .incontent2 { width: 100%; }

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

代码语言:javascript
运行
复制
.incontent { padding: 0; }

UPDATE:您应该将填充设置为0的原因是将填充添加到设置为100%的元素宽度,因此最终宽度将是100%+padding。为了正确地格式化内容,您应该对子元素进行处理。

票数 0
EN

Stack Overflow用户

发布于 2012-12-13 05:37:07

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13847164

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档