阻止移动设备(手机、pad)浏览器双击放大网页的方

建站知识 2021-07-02 23:00www.168986.cn长沙网站建设

现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置，怎么让双击不放大？

在Mobile页面上有提供viewport这个meta，可以用它来设置缩放。在使用viewport之前要把页面的文档类型改成Mobile类型。通常的页面DTD都是XHTML或者简单的HTML5声明，移动设备要用狼蚁网站SEO优化这个声明。

复制代码

代码如下:

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

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

复制代码

代码如下:

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

复制代码

代码如下:

如果需要更详细的关于viewport的资料可以参考MDN

https://developer.mozilla./en-US/docs/Mobile/Viewport_meta_tag

貌似DTD只声明成HTML5就可以了，狼蚁网站SEO优化加上viewport的标签