如何阻止移动设备(手机|如何阻止移动设备(手机,pad)浏览器双击放大网页()
【如何阻止移动设备(手机|如何阻止移动设备(手机,pad)浏览器双击放大网页()】现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大?
在Mobile页面上有提供viewport这个meta,可以用它来设置缩放。 但是在使用viewport之前要把页面的文档类型改成Mobile类型。 通常的页面DTD都是XHTML或者简单的HTML5声明,移动设备要用下面这个声明。
设置了DTD之后就可以使用viewport使页面禁止缩放了。 通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。
但是为了更好的兼容,我们会使用完整的viewport设置。
如果需要更详细的关于viewport的资料可以参考MDN
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
貌似DTD只声明成HTML5就可以了,下面加上viewport的标签
转载自:http://www.9958.pw/post/html5_scalable
推荐阅读
- 考研英语阅读终极解决方案——阅读理解如何巧拿高分
- 如何寻找情感问答App的分析切入点
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus使用queryWrapper如何实现复杂查询
- 如何在Mac中的文件选择框中打开系统隐藏文件夹
- 漫画初学者如何学习漫画背景的透视画法(这篇教程请收藏好了!)
- java中如何实现重建二叉树
- 移动端h5调试方法
- Linux下面如何查看tomcat已经使用多少线程
- thinkphp|thinkphp 3.2 如何调用第三方类库