佈局視CSS寬度屬性

Question

我讀這篇文章A tale of two viewports

在這篇文章中作者寫道：

「的CSS佈局，特別是按百分比的寬度，來計算相對於佈局視口」

「重點是：瀏覽器已經選擇了佈局視口的尺寸，使其完全覆蓋了屏幕的完全縮小模式（因此等於可視視口）。「

我不明白以下內容：

「現在，你可以嘗試在設置HTML {寬度：320}。現在元素縮小，而這是所有其他元素，現在需要的320像素100％ 。當用戶放大時，當用戶遇到縮小的頁面時大多不包含任何內容「0127」，這適用於放大頁面，但大多不包含任何內容「

如果設備的屏幕大小約爲320像素，如果html元素的CSS寬度設置爲320px爲什麼元素會縮小？

由於

Answer 1

如果裝置的屏幕尺寸爲大約320個像素，從而被佈局視口，並且如果爲html元素的CSS寬度設定爲320像素爲什麼元件收縮？

你有你的移動設備，對CA 980px的默認視口，如果你不使用元標籤<meta name="viewport" content="width=device-width">（或除此之外）復位。

移動瀏覽器會自動縮放頁面，使980像素的大小適合屏幕，使您的320像素僅爲屏幕的三分之一。