布局视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像素仅为屏幕的三分之一。