禁止页面缩放功能

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

而实现禁止页面缩放,只需要在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" />

  

原文地址:https://www.cnblogs.com/klbc/p/5659936.html