【问题标题】:Extra right margin on iPhoneiPhone 上的额外右边距
【发布时间】:2013-02-12 16:52:56
【问题描述】:

我正在编辑我们的新闻网站的移动 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 上的这个多余的边距吗?

【问题讨论】:

    标签: iphone css mobile-safari


    【解决方案1】:

    您的照片横幅 div 太宽。它被设置为 500 像素,这太过分了:)

    尝试添加width:auto!important :)

    【讨论】:

      【解决方案2】:

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

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

      【讨论】: