您如何在網站的iPhone Safari上消除白色空白？

Question

我已經將現有的網站主題（未構建）轉換為響應主題以提供移動支持。 如果重要的話，這是一個Drupal 6網站。

大多數內頁上的白色邊距都略微合適，但似乎找不到罪魁禍首。 我嘗試將主體寬度設置為100％，將overflow-x設置為隱藏在主體標簽上，並用紅色勾勒出所有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

（試圖避免使用Google索引。此演示網站不受我的控制，因此我無法采取通常的措施來適當地防止舞台站點被索引。）

Answer 1

抱歉，我不能這么說，但這是令人惡心的HTML之一。 20多個CSS包括10多個javascript，div嵌套了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，並產生白色邊緣。 沒什么特別的。

嘗試將其設置為320px或100% 。