元标记中的初始比例，用户可扩展，最小比例，最大比例属性是什么？

Posted 2021-03-27

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了元标记中的初始比例，用户可扩展，最小比例，最大比例属性是什么？相关的知识，希望对你有一定的参考价值。

我正在浏览一个网站的源代码并找到了这段代码。

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

我想知道这个初始规模，用户可扩展性，最小规模，最大规模是什么以及这些值意味着什么？并告诉我他们接受的所有价值观。

答案

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

宽度=设备宽度

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

初始规模

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

最大规模

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

最小规模

最小比例定义最小缩放。这与上面的相同，但它定义了最小比例。这很有用，当maximum-scale很大，你想设置minimum-scale。

用户可升级

用户可扩展分配给1.0意味着网站允许用户放大或缩小。

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

另一答案

用户可扩展性：

user-scalable = yes（默认）允许用户放大或缩小网页;

user-scalable = no以防止用户放大或缩小。

您可以通过阅读以下文章获得更多详细信息。

Demo Code (recommended)

<!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元标记，