HTML/CSSのマージンまたはパディングの問題

Question

モバイルデバイスでの作業を効率化するため、ウェブサイトを再設計しています。私の問題は、指定された幅がすべて同じであっても、ページの右側に空白があることです。ここにページ：http://uniqueantiqueskingsport.com/wp7です。これまでのところ、私はWindows Phone 7エミュレータでのみテストしました。

Answer 1

これをテストするためのWP7はありませんが、デスクトップブラウザで表示しても同じように見えます。問題はフッタの内容で、多くはwidth: 320px,margin: x、padding: xに設定されています。これらのマージンはコンテンツのボックスモデルに追加され、ページが拡大されます。

Sitepoint's awesome reference siteのボックスモデルを参照してください。

Answer 2

マンゴーのIE9は、あなたのコンテンツの幅に合わせて自動的にズームします。しかし、動的な幅を使用する方がずっと良いでしょう。