HTML5:防止页面在移动设备上缩放
在制作网页时,如果对移动设备有做兼容设计的话,通常是不希望页面在移动设备能够被缩放。这样可以防止原先设计好的样式被破坏。要做到这一点,只需要在网页的head部分加入如下语句即可:
<!-- 屏蔽页面缩放功能 --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
在制作网页时,如果对移动设备有做兼容设计的话,通常是不希望页面在移动设备能够被缩放。这样可以防止原先设计好的样式被破坏。要做到这一点,只需要在网页的head部分加入如下语句即可:
<!-- 屏蔽页面缩放功能 --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">