Html 定义网页视口的最佳方法是什么？

我有一个习惯，就是查看我访问过的许多网站的代码，并看到以许多不同方式定义的视口

我见过这个

<meta name="viewport" content="width=device-width, initial-scale=1 " />

还有这个

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui" />

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

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

还有这个

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui" />

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

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

还有这个

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui" />

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

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

我想把它们都组合成这样

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

但这有什么好处吗？ 最好的方法是什么？

width=设备宽度 这意味着我们告诉浏览器“我的网站适合您的设备宽度”

初始规模 此定义缩放网站，此参数设置初始缩放级别，这意味着如果1个CSS像素等于1个查看端口像素。当您更改方向模式或阻止默认缩放时，此参数有助于。如果没有此参数，则响应现场工作

最大刻度 最大比例定义最大缩放。当您访问网站时，最高优先级为“最大比例”=1将不允许用户缩放

最小刻度 最小比例定义最小缩放。这项工作与上述相同，但定义了最小比例。如果您不定义此项，则在“最大比例”较大且您希望设置可以使用的最小比例时，不使用此项的情况下其工作非常有用

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

但如果您指定User scalable=no它意味着网站不允许放大或缩小

希望这对你有帮助

以上是天空之梦对以下问题的回答：

请查看以下链接：

最大刻度=1.0：

用户可扩展=否：

---

最小用户界面：

可能重复感谢，但如果我像上一个示例中那样输入“全部”，这是正确的，我的意思是没有缺点如果你已经阅读了我提到的文章，你知道缺点