如何阻止移动设备(手机,pad)浏览器双击放大网页？

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

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

<!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" />

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

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

貌似DTD只声明成HTML5就可以了，下面加上viewport的标签

转载自:http://www.9958.pw/post/html5_scalable

如何阻止移动设备(手机,pad)浏览器双击放大网页？相关推荐

html手机网页不可放大,阻止移动设备(手机、pad)浏览器双击放大网页的方
点评:这篇文章主要介绍了阻止移动设备(手机.pad)浏览器双击放大网页的方法,需要的朋友可以参考下现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大? 在Mobile页 ...
html5 手机页面允许放大,阻止移动设备(手机、pad)浏览器双击放大网页的方法
现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大? 在Mobile页面上有提供viewport这个meta,可以用它来设置缩放. 但是在使用viewport之前要把页面 ...
Meta标签实现阻止移动设备(手机、Pad)的浏览器双击放大网页
一.背景在当今这个移动设备发展越来越快,并且技术越来越成熟的时代,移动设备成了企业扩展业务不可或缺的重要领域之一,随之而来的是适应手机的网站层出不穷,在开发过程中,我们往往会遇到一个很尴尬的问题:移 ...
手机safari浏览器无法打开网页，因为你的iphone尚未接入互联网怎么办
我们在使用手机的时候,有时发现浏览器上不了网是怎么回收,最近就有小伙伴问到,自己的一部iphone12手机safari浏览器无法打开网页,提示说iphone尚未接入互联网,像这个问题如何处理呢,接下来 ...
禁止手机端浏览器双击放大功能
记录一下啊今天客户提要求手机浏览器打开网页时要禁止双击放大页面(Google)!!! 然后在网上找到了很多但都没有效果,比如: <meta name="viewport" ...
手机UC浏览器字体放大
UC浏览器字体放大,哎!反正UC浏览器自己觉得挺好,给我这个页面小编带来了1个小时的各种调!!! 加上:<meta name="wap-font-scale" conten ...
html隐藏浏览器菜单栏,移动设备(手机)上浏览器全屏隐藏工具栏和菜单栏的设置...
让手机上易于浏览阅读,meta viewport 必不可少.作为一款 webApp,你可能更希望默认为全屏模式.通过 meta 配置,在某些浏览器版本上可以实现这种效果. 以下内容仅供参考. meta ...
手机百度浏览器ua标识在哪里_荣耀play浏览器ua标识在哪里
荣耀play浏览器ua标识在哪里我们在使用手机浏览网页的时候,一般都是手机版的网页,那么如果我们想要在手机上浏览电脑版的网页该如何操作呢,下面给大家讲讲具体方法. 具体如下: 1. 第一步,在手机上 ...
【转载】手机UC浏览器缓存视频合并方法
手机UC浏览器缓存视频合并方法转载自原网页我们知道手机UC浏览器可以缓存网页中的视频,功能很强大,不过会发现合并出来的视频是分成很多小的文件,根本无法复制出来. 解决方法: 1:找到想合并的视频 ...

如何阻止移动设备(手机,pad)浏览器双击放大网页？

如何阻止移动设备(手机,pad)浏览器双击放大网页？相关推荐

最新文章

热门文章