Chrome Inspector顯示頁面的寬度不同於顯示器

Question

爲什麼Chrome Ins中的Dev Inspector顯示的寬度頁寬度與我在顯示器上的寬度不同？我有1920x1080顯示器，並在全屏幕我沒有得到1920，但只有1519像素。這個數字通過縮放而改變。 這是什麼原因？當我沒有關於寬度的正確信息時，很難編碼樣式。

Answer 1

當你給一個元素的CSS 100％的寬度，你基本上是說：「讓這個元素的內容區域恰好等於它的父的明確寬度 - 但只有當它的父有顯式寬度「。因此，如果您有一個400像素寬的父容器，則寬度爲100％的子元素也將寬度爲400像素，並且仍然會受到邊距，填充和邊框的限制 - 在100％寬度設置。

看一看這裏查看更多https://www.impressivewebs.com/width-100-percent-css/