JavaScript——防止手机中网页放大和缩小

这点是最基本的,作为手机网站开发者来说应该都知道的,就是设置meta中的viewport


还有就是,有些手机网站我们看到如下声明:

[html]  view plain  copy
  1. >  

设置了DTD的方式是XHTML的写法,假如我们页面运用的是html5,可以不用设置DTD,直接声明。


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


[html]  view plain  copy
  1. <meta name="viewport" content="user-scalable=0" />  

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


[html]  view plain  copy
  1. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />  

当然,user-scalable=0,有的人也写成user-scalable=no,都可以的。


你可能感兴趣的:(JavaScript——防止手机中网页放大和缩小)