在手機瀏覽器瀏覽頁面時,有時要禁止頁面中的組件縮放,因為如果不阻止縮放的話,體驗效果不好。
而實現禁止頁面縮放,只需要在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" />