禁止手机浏览器双击放大,手机浏览器双击缩放

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

　　移动页面上提供了viewport的meta，可用于设置缩放比例。但是在使用viewport之前，请将页面的文档类型更改为移动类型。通常，的页面DTD是XHTML或简单的HTML5声明。移动设备应使用以下声明。复制代码如下： DOCTYPE html PUBLIC -//WAP forum//DTD XHTML Mobile 1.0//EN http://www . WAP forum . org/DTD/XHTML-Mobile 10 . DTD

　　设置DTD后，您可以使用viewport来禁用页面缩放。通常，user-scalable设置为0，以关闭用户缩放页面视图的行为。复制代码如下：meta name= viewport content= user-scalable=0 /

　　但是为了更好的兼容性，我们将使用完整的视口设置。

　　复制代码如下：meta name= viewport content= width=device-width，initial-scale=1.0，maximum-scale=1.0，user-scalable=0/

　　如果你需要更多关于视窗的详细信息，请参考MDN。

　　https://developer . Mozilla . org/en-US/docs/Mobile/Viewport _ meta _ tag

　　好像DTD只能声明为HTML5，下面加了viewport的标签。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。