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

最新推荐文章于 2024-05-30 16:18:48 发布

莹硕

最新推荐文章于 2024-05-30 16:18:48 发布

阅读量3k

点赞数

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

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

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

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

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

 
   [html]  
   view plaincopy
<meta name="viewport" content="user-scalable=0" />  

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

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

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

关注