HTML5:防止页面在移动设备上缩放

在制作网页时,如果对移动设备有做兼容设计的话,通常是不希望页面在移动设备能够被缩放。这样可以防止原先设计好的样式被破坏。要做到这一点,只需要在网页的head部分加入如下语句即可:

 <!-- 屏蔽页面缩放功能 -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

 

posted @ 2014-06-12 04:39  GreatK  阅读(531)  评论(0编辑  收藏  举报