從手機右側的白色空間

我知道很多人都在談論它，但我仍然無法出門。我有一個面向移動的網頁，我仍然試圖刪除右側的空白區域。從手機右側的白色空間

我部分地解決它的iOS感謝向

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

和

html,body 
    { 
     width:100%; 
     height: 100%; 
     margin: 0px; 
     padding: 0px; 
     overflow-x:hidden; 
    }

，但在Android上它發生幾乎總是。儘管overflow-x是隱藏的，事實上，如果我開始向下滾動然後向左拖動，那麼白色空間就在那裏。

如果我從屏幕的最右側開始向左拖動，就好像我想要顯示滾動條一樣，它也變得可見。

我想我必須在CSS中用@meta標記來解決它，但我不知道如何開始。有人可以給我一些提示嗎？

不幸的是，由於社會政策，我不能分享整個代碼。

感謝大家。

來源

2014-03-27 peppeuz

按照[本博文解釋]考慮切換'width：100％;'到'width：auto;'（http://headertofooter.com/post/80699461723/the-difference-between-width-auto- and-width-100） – TylerH

這可能是由於很多原因造成的。調試的一種方法是在頁面上註釋一個一個的代碼，如標題，主要內容，邊欄等，然後檢查手機，然後你可能會發現哪一段代碼給予麻煩 –

您可以將Android設備連接到計算機並檢查頁面。你試過這個嗎？對我而言，這是找到這類錯誤的最簡單方法。

來源

2014-03-27 17:12:26 MrShemek

我很好奇！但是移動瀏覽器的屏幕如何可以在電腦上查看，請您詳細解釋一下吧 –

當然可以。您必須在手機上打開一個頁面，將您的手機與電腦連接起來，然後爲Chrome安裝[此插件]（https://chrome.google.com/webstore/detail/adb/dpngiggdglpdnjdoaefidgiigpemgage）。然後你午餐插件，這就是全部 - 你可以檢查你的手機上打開的網頁。它看起來像在第三張照片。 – MrShemek

謝謝！將檢查 –

從手機右側的白色空間

回答

相關問題