iPhone上的额外右边距

时间:2011-05-25 23:28:43

标签: iphone css mobile-safari

我正在编辑我们的新闻网站的移动CSS文件。在iPhone 3gs,4&模拟器有一些页面(不是全部)有一个额外的右边距。

以下是带有额外边距的页面示例:

http://bit.ly/mMA2q7

..以下是没有它的页面示例:

http://bit.ly/iQeOGY

两个页面都使用相同的模板。我猜这些图片正在增加额外的余量。

以下是我们的移动CSS文件http://bit.ly/iW5JVm和视口:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1;"/> 

我尝试将不同的最小宽度值应用于身体但尚未找到解决方案。

你知道如何摆脱iPhone的额外余量吗?

2 个答案:

答案 0 :(得分:1)

你的photobanner div太宽了。它被设置为500px这太多了:)

尝试向其添加width:auto!important:)

答案 1 :(得分:0)

同样的问题,我修复了它在标题中添加此代码:

<meta name="viewport" content="width=1100" />