Chrome Inspectorの画面幅が、モニタと異なる幅を示しています

Question

ChromeのDev Inspectorの幅が画面の幅とは異なる幅で100％幅のページを表示するのはなぜですか？私は1920x1080のモニターを持っており、フルスクリーンで私は1920年を取得しませんが、1519ピクセルしか得ません。この数値はズームによって変わります。 これは何の背後にある理由ですか？私が幅に関する適切な情報を持っていないときには、スタイルをコーディングするのが難しくなります。

Answer 1

あなたが要素にCSSで100％の幅を与えるとき、あなたは基本的には、親の明示的な幅にこの要素のコンテンツ領域が正確に等しくする」と言っている - が、その親が持っている場合のみ明示的な幅」を指定する必要があります。親コンテナの幅が400ピクセルの場合、100％の幅を持つ子要素の幅も400ピクセルになりますが、余白、詰め物、幅の設定。あなたは、私が再現できるページにリンクすることができます

はよりhttps://www.impressivewebs.com/width-100-percent-css/