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

标签 html css web zooming

我尝试使用以下元视口(viewport)标记来防止浏览器缩放:

<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

该网站的视口(viewport)标签是这样的:

<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" />

关于html - 如何防止桌面浏览器(Chrome、Safari)缩放网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35216524/

相关文章:

html - 将图像与同一行文本的左侧对齐 - Twitter Bootstrap3

javascript - 使用来自 JavaScript 函数的结果打开新标签

javascript - 无法在 'requestFullScreen' : API can only be initiated by a user gesture 上执行 'Element'

html - 水平口袋按钮

android - 从android注册页面解析数据到webView注册页面

javascript - 如何添加占位符 &lt;input type ="datetime-local"> 字段?

javascript - 如何使用 onClick 事件生成新的表格行

css - 仅使用CSS的Owl Carousel插件的图片图标切换效果

javascript - 为什么我的文本显示为 "sd"?使用 Jquery 和 Post 将变量传递给 PHP

javascript - 不使用 javascript 或 href 打开一个新窗口