| 标题 | 阻止移动设备(手机、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的标签 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。