我正在浏览网站的源代码，发现了这段代码。
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=1.0">
我想知道这个初始比例，用户可缩放，最小比例，最大比例是什么，这些值是什么意思？并告诉我他们接受的所有价值观是什么。
元标记中的初始比例，用户可缩放，最小比例，最大比例属性是什么？
Answers:
它们是视口元标记，最适用于移动浏览器。
宽度=设备宽度
这意味着，我们告诉浏览器“我的网站适应您的设备宽度”。
初始规模
这定义了网站的比例，此参数设置初始缩放级别，这意味着1 CSS像素等于1视口像素。当您更改方向或防止默认缩放时，此参数会有所帮助。没有此参数，响应站点将无法工作。
最大规模
最大比例定义最大缩放。当您访问网站时，最高优先级是maximum-scale=1，并且不允许用户缩放。
最小尺度
最小比例定义最小缩放。这与上面的工作原理相同，但是它定义了最小比例。当maximum-scale它很大并且要设置时，这很有用minimum-scale。
用户可扩展
分配给1.0的“用户可缩放”表示网站允许用户放大或缩小。
但是，如果将其分配给user-scalable=no，则表示该网站不允许用户放大或缩小。
是视像素相同设备像素？
—
外汇兑换交易'17
用户可扩展的应该是
—
卡齐姆·扎伊迪
1.0或yes？
@overexchange号
—
-TylerH，
实际上，在移动浏览器中，最大比例不会禁用用户缩放。仅当您点击文本输入时，它才会禁用自动缩放。
—
柯蒂斯
用户可扩展：
user-scalable = yes（默认），允许用户放大或缩小网页；
user-scalable = no以防止用户放大或缩小。
您可以通过阅读以下文章获得更详细的信息。
演示代码（推荐）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0">
</head>
<body>
<header>
</header>
<main>
<section>
<h1>do not using <mark>user-scalable=no</mark></h1>
</section>
</main>
<footer>
</footer>
</body>
</html>
<h1>请勿使用<mark> user-scalable = no </ mark> </ h1>
—
xgqfrms
谢谢，最后有人为最小/最大音阶做了正确的解释。
—
jfeferman
所有响应式网页都使用此meta标签，即那些旨在在各种设备类型（电话，平板电脑和台式机）上良好布局的网页。属性按照他们说的去做。但是，正如MDN的“使用视口元标记来控制移动浏览器上的布局”所示，
在高dpi的屏幕上，带有的页面
initial-scale=1将被浏览器有效缩放。
我发现以下内容可确保页面默认显示为零缩放。
<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=3.0, minimum-scale=0.86">
用于控制手机和平板电脑的外观。您可以在这里找到更多信息：https : //developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
<meta name="viewport" content="width= 640,initial-scale=0.7,minimum-scale=1.0,maximum-scale=1.0" />你能解释一下吗？您认为它有效吗？