现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大?
在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使页面禁止缩放了。 通常把ur-scalable设置为0来关闭用户对页面视图缩放的行为。
复制代码 代码如下: <meta name=”viewport” content=”ur-scalable=0″ />
但是为了更好的兼容,我们会使用完整的viewport设置。
复制代码 代码如下: <meta name=”viewport” content=”width=device-width,initial-scale=1.0,maximum-scale=1.0,ur-scalable=0″ />
如果需要更详细的关于viewport的资料可以参考mdn
https://developer.mozilla.今年高考org/en-us/docs/mobile/vi学术论文格式范文ewport_meta_tag
貌似dtd只声明成html5就可以了,下面加上viewport的标签
本文发布于:2023-04-06 15:33:15,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/6227e29df00b327c953025301c00ca0a.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:阻止移动设备(手机、pad)浏览器双击放大网页的方法.doc
本文 PDF 下载地址:阻止移动设备(手机、pad)浏览器双击放大网页的方法.pdf
留言与评论(共有 0 条评论) |