如何在iPhone的Safari上爲網站擺脫白色右邊距？

我已將現有網站主題（我沒有構建）轉換爲移動支持的響應主題。這是一個Drupal 6站點，如果這很重要。如何在iPhone的Safari上爲網站擺脫白色右邊距？

我在大多數內部頁面上看到了輕微的白色邊緣，我似乎無法找到罪魁禍首。我已經嘗試將身體寬度設置爲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

（試圖避免谷歌索引。這個演示網站是而不是在我的控制下，所以我不能把正常的措施，我會以正確地防止階段網站被索引。）

來源

2012-02-15 Justin

它有任何機會有一個滾動指標的寬度？（我認爲這是一個典型的Android問題）您是否正確設置了視口？你有鏈接到一個網站展示這個？ – mvds 2012-02-15 17:36:46

謝謝，我爲兩者添加了信息。 – Justin 2012-02-15 18:09:54

我很抱歉地說這個，但那是一件令人厭惡的HTML。 20+ CSS包括10+ Javascript角，div的嵌套10級深...

無論如何，如果該裝置的（邏輯的）寬度爲320像素（即，所有的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%。

來源

2012-02-15 19:09:58 mvds

謝謝，我會試試這個！請注意，我確實說過「我沒有構建這個主題......」;） – Justin 2012-02-15 19:14:09

我想也許你正在看主頁。我專注於內部頁面。但是，謝謝你，我用JS修復了它。 – Justin 2012-02-15 21:51:21

如何在iPhone的Safari上爲網站擺脫白色右邊距？

回答

相關問題