如何阻止移动设备浏览器双击放大网页
更新:HHH   时间:2023-1-7


这篇文章主要讲解了“如何阻止移动设备浏览器双击放大网页”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何阻止移动设备浏览器双击放大网页”吧!

代码如下:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">


设置了DTD之后就可以使用viewport使页面禁止缩放了。 通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。

代码如下:

<meta name="viewport" content="user-scalable=0" />


但是为了更好的兼容,我们会使用完整的viewport设置。

代码如下:

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

感谢各位的阅读,以上就是“如何阻止移动设备浏览器双击放大网页”的内容了,经过本文的学习后,相信大家对如何阻止移动设备浏览器双击放大网页这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是天达云,小编将为大家推送更多相关知识点的文章,欢迎关注!

返回web开发教程...