如何防止桌面浏览器(Chrome,Safari)缩放网页 [英] How to prevent desktop browser (Chrome, Safari) from zooming a webpage
本文介绍了如何防止桌面浏览器(Chrome,Safari)缩放网页的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我尝试使用以下元视图端口标签来防止浏览器缩放:
I have tried using the following meta view port tag to prevent browser zooming:
<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
This doesn't work though. I know that it is possible because my zooming is blocked on this website: futurism.xyz
该网站的视口标签是这样的:
The viewport tag for that website is this:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
我做错了什么或想念什么?
What am I doing wrong or missing?
推荐答案
您可以使用CSS.
body {
touch-action: none;
}
<html>
<head>
</head>
<body>
Content here...
</body>
</html>
这篇关于如何防止桌面浏览器(Chrome,Safari)缩放网页的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文