html - 元标记中的初始比例、用户可缩放、最小比例、最大比例属性是什么？

Question

我在浏览一个网站的源代码时发现了这段代码。

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=1.0">

我想知道这个初始比例、用户可缩放、最小比例、最大比例是什么，这些值是什么意思？并告诉我他们接受的所有值(value)观是什么。

Answer 1

它们是视口(viewport)元标记，最适用于移动浏览器。

宽度=设备宽度

这意味着，我们告诉浏览器“我的网站适应您的设备宽度”。

初始规模

这定义了网站的比例，这个参数设置初始缩放级别，这意味着 1 个 CSS 像素 等于 1 个视口(viewport)像素。当您更改方向或防止默认缩放时，此参数会有所帮助。如果没有此参数，响应式网站将无法工作。

最大尺度

Maximum-scale 定义最大缩放。当您访问该网站时，最高优先级是 maximum-scale=1，并且不允许用户缩放。

最小尺度

Minimum-scale 定义最小缩放。这与上面的工作原理相同，但它定义了最小比例。这在 maximum-scale 很大并且您想设置 minimum-scale 时很有用。

用户可扩展

分配给 1.0 的用户可缩放表示网站允许用户放大或缩小。

但是，如果您将其分配给 user-scalable=no，则意味着该网站不允许用户放大或缩小。