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

swmozowtfl · *发表于* 2015-7-10 22:25:07

现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置，怎么让双击不放大？
在mobile页面上有提供viewport这个meta，可以用它来设置缩放。但是在使用viewport之前要把页面的文档类型改成mobile类型。通常的页面dtd都是xhtml或者简单的html5声明，移动设备要用下面这个声明。
复制代码代码如下:<!doctype html public -//wapforum//dtd xhtml mobile 1.0//en >
设置了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

更多网页制作信息请查看：网页制作

gevaemaidovef · *发表于* 2015-11-8 12:01:12

朕要午休了..............

tohme · *发表于* 2015-11-8 12:01:13

明天我给发过来

mwxny · *发表于* 2015-11-8 12:01:56

综上所述，恳请各位官员请勿动用武装力量请勿跨村、跨镇、跨市、跨省、跨国、跨洲、跨星球、跨银河系追捕。确因不抓不足以平民愤，或不抓就领不到薪水养家户口的公职人员，建议携带工作证

buingeEvineus · *发表于* 2015-11-8 12:02:01

我怎么说那?~!

effoggikeftor · *发表于* 2016-1-9 13:40:13

晚安别让小嫁再郁闷了 -

mwxny · *发表于* 2016-1-9 13:40:57

如本人留言违反国家有关法律，请网络管理员及时删除本人跟贴。本回贴不暗示、鼓励、支持或映射读者作出生活方式、工作态度、婚姻交友、子女教育的积极或消极判断。

effoggikeftor · *发表于* 2016-1-9 13:41:02

来电来函..欢迎洽购...

gevaemaidovef · *发表于* 2016-1-9 13:41:28

疯了.........

Acropozelan · *发表于* 2017-4-11 11:00:30

你这样的表现，就只配这几个字：窝囊废

GoodyFouppy · *发表于* 2017-4-11 11:01:26

到你的~~贴吧收藏~~~我的发言~`找

buingeEvineus · *发表于* 2017-4-11 11:02:54

貌似我没看懂那~~~

gevaemaidovef · *发表于* 2017-4-11 11:07:08

女人啊真是那句话~~~无理占三分~~忘记怎么说了呵呵 ~~你帮我想想

wwzcdenleclv · *发表于* 2017-4-11 11:07:58

要睡觉了呵呵

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

猜你喜欢

回复|共 13 个

回复

快捷导航