html手机网页不可放大,阻止移动设备(手机、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的标签

html手机网页不可放大,阻止移动设备(手机、pad)浏览器双击放大网页的方相关推荐

如何阻止移动设备(手机,pad)浏览器双击放大网页？
现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大? 在Mobile页面上有提供viewport这个meta,可以用它来设置缩放. 但是在使用viewport之前要把页面 ...
html5 手机页面允许放大,阻止移动设备(手机、pad)浏览器双击放大网页的方法
现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大? 在Mobile页面上有提供viewport这个meta,可以用它来设置缩放. 但是在使用viewport之前要把页面 ...
Meta标签实现阻止移动设备(手机、Pad)的浏览器双击放大网页
一.背景在当今这个移动设备发展越来越快,并且技术越来越成熟的时代,移动设备成了企业扩展业务不可或缺的重要领域之一,随之而来的是适应手机的网站层出不穷,在开发过程中,我们往往会遇到一个很尴尬的问题:移 ...
禁止手机端浏览器双击放大功能
记录一下啊今天客户提要求手机浏览器打开网页时要禁止双击放大页面(Google)!!! 然后在网上找到了很多但都没有效果,比如: <meta name="viewport" ...
微信电脑端双击不能放大图片怎么回事_IOS 微信聊天双击放大图片操作
单击图片放大,浏览图片细节,之后再单击回到原始页面, 如果在浏览细节时候,双击图片会局部放大,也可以双手拖拽放大, newImage.gif 代码参考 #import "TransImag ...
qq浏览器网页翻译_iOS 14中直接在Safari浏览器中翻译网页的方法！
在 iOS 14 中,苹果推出了「翻译」的应用程序,可以实时翻译数种不同的语言.同时,Safari 浏览器也新增了翻译功能. 借助新的网页翻译功能,Safari 会根据设备的首选语言列表自动检测书否需 ...
微信 html5禁止拖拽,js实现微信禁止h5网页下拉，禁止微信内置浏览器下拉网页...
大家可能会遇到开发公众号的时候,下来会出来源地址,下面的代码可以解决禁止下拉的问题~ 禁止下拉 .scroll{ position:absolute; overflow:scroll; -webkit ...
猎豹浏览器怎么设置双击关闭网页双击关闭网页设置方法
和默认双击关闭标签项的360安全浏览器不同,猎豹浏览器并未默认这一功能,甚至还有许多用户认为猎豹浏览器中并无该功能.其实猎豹浏览器也有双击关闭标签项功能,只是需要手动开启而已!下面小编就来分享一下猎豹 ...
edge浏览器如何把网页放到桌面_edge浏览器怎么把网页放桌面 - 卡饭网
win10 Edge浏览器怎么收藏网页到收藏夹并显示出来 win10 Edge浏览器怎么收藏网页到收藏夹并显示出来 win10 Edge浏览器怎么收藏网页到收藏夹并显示出来?自从安装了Win10正式版 ...

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

html手机网页不可放大,阻止移动设备(手机、pad)浏览器双击放大网页的方相关推荐

最新文章

热门文章