对于类似地图的工具,我想禁用浏览器缩放功能.(我知道这通常是一个坏主意,但对于某些特定的网站,它是必要的).
我通过听键盘快捷键CTRL +/ CTRL -添加e.preventDefault()等来成功完成它.
但这并不妨碍从浏览器的缩放菜单更改缩放.
我试过了:
使用CSS: zoom: reset; 它适用于Chrome(请参阅此页面了解一个工作示例)但它在Firefox上根本不起作用.
在各种问题/答案中,我也发现了
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
但这似乎仅适用于移动设备.
如何防止缩放跨浏览器？
我尝试使用以下元视图端口标记来阻止浏览器缩放:
<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">
我做错了什么或错过了什么？