如何在iPhone Safari上为网站摆脱白色右边距?

时间:2012-02-15 17:31:24

标签: iphone mobile mobile-safari responsive-design

我已将现有网站主题(我没有构建)转换为动态支持的响应主题。如果重要的话,这是一个Drupal 6网站。

我在大多数内页上都有一个微小的右边缘,我似乎无法找到罪魁祸首。我已经尝试将body宽度设置为100%,将overflow-x设置为隐藏在body标签上,并将所有div设置为红色以找到罪魁祸首。

您知道移动Safari上有任何正确边距的原因吗?

查看端口设置:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

右侧边距不适用于滚动条,因为此边距与适合cnn.com的网站不同

示例内页:

http://nano.omnidev3.com/nanotech-101

(试图避免谷歌索引。这个演示网站在我的控制之下,所以我不能采取正常的措施来正确防止某个舞台网站被编入索引。)

1 个答案:

答案 0 :(得分:0)

我很遗憾地说这个,但这是一个恶心的HTML。 20 + CSS包含10多个javascripts,divs嵌套10层......

无论如何,如果设备的(逻辑)宽度是320px(即所有iPhone),那么这样做:

<iframe src="http://meltwaternews.com/magenta/xml/html/93/2/v2_371253.html"
    width="343" height="450" scrolling="no" frameborder="0"
    allowtransparency="true" style="overflow-x: hidden;">

将使页面宽度为343px,从而产生白色边缘。没什么特别的。

尝试将其设置为320px100%