手机网页禁止缩小放大

在Mobile页面上有提供viewport这个meta,可以用它来设置缩放。 但是在使用viewport之前要把页面的文档类型改成Mobile类型。 通常的页面DTD都是XHTML或者简单的HTML5声明,移动设备要用下面这个声明

  1. <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
 

设置了DTD之后就可以使用viewport使页面禁止缩放了。 通常把user-scalable设置为0来关闭用户对页面视图缩放的行为

 

 

  1. <meta name="viewport" content="user-scalable=0" />
 

 

但是为了更好的兼容,我们会使用完整的viewport设置

 

  1. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
 

 

posted @ 2017-04-06 10:41  tyrone-涛哥  阅读(387)  评论(0编辑  收藏  举报