如何防止桌面浏览器(Chrome，Safari)缩放网页

我尝试使用以下元视图端口标签来防止浏览器缩放：

<meta content='width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,target-densitydpi=device-dpi' name='viewport' />

不过这行不通。我知道这是可能的，因为我的缩放在这个网站上被阻止了：futurism.xyz

该网站的视口标签是这样的：

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

我做错了什么或错过了什么？

试试这个：

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

或者这个：

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

你可以使用 css。

body {
    touch-action: none;
}

<html>
    <head>
    </head>
    <body>
        Content here...
    </body>
</html>

更多信息在这里...

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

我也搜索了它，试试这个，在引导模板中找到它=）

您的标签中有很多选项。也许有些选项排除了另一个选项？尝试将选项简化为尽可能几个。

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

应该足够了。最终也添加user-scalable=no。

https://css-tricks.com/snippets/html/responsive-meta-tag/

这一切都错了，因为它们是滑行的。

使用这些（必须两者兼而有之，否则不起作用）

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

相关内容

最新更新

热门标签：