我在浏览一个网站的源代码时，发现了这段代码。
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=1.0">
我想知道这个初始比例、用户可缩放比例、最小比例、最大比例是什么，这些值是什么意思？并告诉我他们接受的所有价值观。
【问题讨论】：
标签： html attributes tags viewport meta-tags
它们是视口元标记，最适用于移动浏览器。
这意味着，我们告诉浏览器“我的网站适应您的设备宽度”。
这定义了网站的缩放比例，这个参数设置了初始缩放级别，这意味着1 CSS pixel等于1 viewport pixel。当您更改方向或阻止默认缩放时，此参数会有所帮助。没有这个参数，响应式网站将无法工作。
Maximum-scale 定义最大缩放。访问网站时，优先级为maximum-scale=1，不允许用户缩放。
Minimum-scale 定义最小缩放。这与上面的工作方式相同，但它定义了最小比例。当maximum-scale 很大并且您想设置minimum-scale 时，这很有用。
用户可缩放分配给 1.0 表示网站允许用户放大或缩小。
但是如果你把它分配给user-scalable=no，这意味着网站不允许用户放大或缩小。
【讨论】：
<meta name="viewport" content="width= 640,initial-scale=0.7,minimum-scale=1.0,maximum-scale=1.0" /> 你能解释一下吗？你认为它有效吗？
1.0 或 yes ?
用户可扩展：
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>【讨论】：
viewport移动浏览器上的元标记，
initial-scale 属性控制页面首次加载时的缩放级别。 maximum-scale、minimum-scale 和 user-scalable 属性控制允许用户放大或缩小页面的方式。
【讨论】：
所有响应式网页都使用此元标记，即那些旨在跨设备类型（手机、平板电脑和台式机）进行良好布局的网页。属性做他们所说的。然而，正如 MDN 的 Using the viewport meta tag to control layout on mobile browsers 所指出的，
在高 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
【讨论】：
这篇文章可能会有所帮助。 https://css-tricks.com/snippets/html/responsive-meta-tag/ 它给出了元标签及其不同属性的完整描述。
【讨论】：