禁止页面缩放功能

在手机浏览器浏览页面时,有时要禁止页面中的组件缩放,因为如果不阻止缩放的话,体验效果不好。

而实现禁止页面缩放,只需要在head里面加入下面一行即可。

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

  

下面这行我也见过人用,但是效果不如上一行:

<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0" />

  

posted @ 2016-07-11 13:31  快乐菠菜  阅读(3466)  评论(0编辑  收藏  举报