width:1050pxの幅は実際にはChrome、Firefox、IEでは異なりますか？ _html/css_WEB-ITnose

同じマシン上で 1 つの幅設定を行うと、実際には 3 つのブラウザで表示される幅が異なります。IE8 が最も長く、次に Firefox が続きます。
画像を配置する必要があるため、画像のサイズは Chrome で最適です。
解決方法は?

  <div style="width:1050px;height:30px;background-color: blue"></div>

ディスカッション（解決策）への返信

マージンパディングボーダーなどのすべての割り当ては 0 に設定され、ハードコーディングされます

そうすればブラウザと互換性があります。

1 階の正解は、タグを解析するときに各ブラウザにデフォルトの属性があるため、すべての値を 0 に割り当てることが最も一般的です。

それは異なります。ブラウザによっては境界線を幅に計算する場合もあれば、計算しない場合もあります。

基本的なコードは常に保持してください。 。 。 。

*{border:0;padding:0;margin:0;text-decoration:none;}

新人さん、質問してみましょう~5階は何度か見たことがあります~その表現がとても気に入っているようですね