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

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

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

要睡觉了 呵呵
页: [1]
查看完整版本: 阻止移动设备(手机、pad)浏览器双击放大网页的方法