我的網站顯示在手機上的Chrome瀏覽右邊的白色空間，但不是桌面版Chrome

網站正在進行：http://www.scissormanmusic.com 我的網站顯示在手機上的Chrome瀏覽右邊的白色空間，但不是桌面版Chrome

這是因爲學習JavaScript/jQuery的，所以請善待我，我所做的第一個站點。我用Bootstrap，Javascript & Jquery爲我的網站添加響應能力&它在FF24上效果很好& Chrome30！但是當我在Galaxy S3的移動版Chrome瀏覽器中以縱向模式查看此網站時，右側有這個空白區域，我似乎無法找到原因。在橫向模式下，白色空間不存在&該網站看起來&表現得應該如此。

我用下面的meta標籤我認爲會保持這種問題的發生：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1">

，爲什麼它的Chrome移動&桌面版本之間的不同顯示相當混亂！只有在肖像模式！

我也想指出，因爲我用JavaScript/JQuery來使我的網站響應，我沒有添加任何@media查詢。

任何幫助將不勝感激。謝謝！

來源

2013-10-03 hot_barbara

您的聯繫表格中的<table>標記具有width屬性450。考慮到左邊距，這太大了。

該表的最大寬度應爲415px，但您應該找出更好的方法來使用CSS實現該佈局。

來源

2013-10-03 01:28:05 Phil

也許使用百分比會很好。 – pablofiumara

感謝您的回覆你們都，但不幸的是刪除寬度屬性不會改變一件事情。好主意，但！還有其他建議嗎？也許有一種方法可以像使用桌面瀏覽器中的檢查器一樣來調試移動Chrome嗎？ –

@ user2731260你確定你不只是有一個緩存版本？現在看起來很好，我的Nexus4 – Phil

將下面的CSS設置爲頭部和身體。

html, body { 
    overflow-x:hidden; 
}

來源

2018-01-08 16:30:37

我的網站顯示在手機上的Chrome瀏覽右邊的白色空間，但不是桌面版Chrome

回答

相關問題