移動設備上的網站右側的白色空格

Question

http://cardiffhosp.rapdevs.co.uk/已圍繞WooTheme畫布創建，這是一種響應式設計。

我必須禁用視口元標記，因爲我不希望佈局響應。

它現在在移動設備上看起來好多了，但白色區域出現在右側。大部分在iPhone/iPad上可見，但在其他設備上縮小顯示空白處存在。

加入以下代碼，解決我的問題，但導致導航停止在iPhone上工作，造成了Windows 7的電話上顯示的問題...

html, body { 
    overflow-x:hidden; 
} 

有沒有人有一個更好的解決方案去除白色空間？

Answer 1

你可以嘗試添加width:100%，看看是否能解決這一問題的溢出引起，IE：

html, body { 
    overflow-x:hidden; 
    width:100%; 
    /* You may also want to try adding:*/ 
    margin: 0; 
    padding: 0; 
} 

如果仍有問題，那麼你將需要找到造成問題的元素。

兩種方法來做到這一點。 （請務必在開始之前刪除overflow-x:hidden;。）

1）打開檢查器，從包含其他元素的div或元素開始。將這些div設置爲display:none。如果多餘的空白消失，那麼你可以找到有問題的元素並修復它的CSS。

如果該選項是非常耗時，或者你有麻煩做它，你可以嘗試另一種選擇：

2）This site有一些CSS其中概述了您網站上所有的元素。這可以幫助您找到造成溢出的原因。本網站所使用的CSS是：

* { 
    background: #000 !important; 
    color: #0f0 !important; 
    outline: solid #f00 1px !important; 
} 

他們還提供了一個javascript bookmark與這有助於爲好。