爲什麼我的手機網站左滾動到很多空白

Question

我真的很難理解爲什麼我的網站的肖像移動版本滾動的方式離開！

我已經刪除了相當大的標題圖片，但寬度仍然滾動到屏幕的右側！

我已經在我的頭標記中應用了常見的視口代碼，並且使用css寬度玩過，但無濟於事。

我的網站的移動版本不應該向左或向右滾動。

任何線索是什麼元素/ @媒體設置導致這個寬度問題與移動CSS？

danieltuffour.com

非常感謝！

Answer 1

快速瀏覽開發人員面板，您現在使用min-width:900px，無論width標記設置爲什麼，它始終保持寬度爲900px。最簡單的修復方法是執行以下操作：

#mediacontainer { 
    min-width:100%; 
    /* other css... */ 
} 

這樣，內容將始終爲視口寬度的100％。現在，另一種選擇是設置在元件上的max-width這將防止溢出屏幕：

#mediacontainer { 
    width:900px; 
    max-width:100%; 
    /* other css... */ 
} 

這種方法允許你指定900個像素，但禁止它顯示這種方式如果沒有900使用。