HTML / CSS邊距或填充問題

Question

我正在重新設計網站，以更好地使用移動設備。 我的問題是，即使所有指定的寬度都相同，頁面的右側還是有一個空白區域。 這是頁面： http : //uniqueantiqueskingsport.com/wp7 。 到目前為止，我僅使用Windows Phone 7模擬器對其進行了測試。

Answer 1

我沒有WP7可以對此進行測試，但是在台式機瀏覽器上查看時卻看到相同的結果。 問題是您的頁腳內容，其中很多內容設置為width: 320px ， margin: x和padding: x 。 這些邊距增加了內容的盒子模型，並迫使頁面擴展。

在Sitepoint出色的參考站點上閱讀盒子模型。

Answer 2

作為記錄，芒果上的IE9會自動縮放以適合您內容的寬度。 但是使用動態寬度會更好。