一尘不染

元标记中的初始比例,用户可缩放,最小比例,最大比例属性是什么?

html

我正在浏览网站的源代码,发现了这段代码。

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

我想知道这个初始比例,用户可缩放,最小比例,最大比例是什么,这些值是什么意思?还请告诉我他们接受的所有价值观是什么。


阅读 227

收藏
2020-05-10

共1个答案

一尘不染

它们是视口元标记,最适用于移动浏览器。

宽度=设备宽度

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

初始规模

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

最大规模

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

最小尺度

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

用户可扩展

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

但是,如果将其分配给user-scalable=no,则表示该网站不允许用户放大或缩小。

2020-05-10