1. 添加禁止浏览器主动缩放功能
涉及到网页开发历史遗留问题,最开始的手机浏览器网页是直接访问电脑网页或访问专门为诺基亚手机开发的WAP页面,对于电脑网页由于手机分辨率太低,浏览器会使用缩放页面的方式来展示原页面,这个也是为什么在手机页面上直接使用document.documentElement.clientWidth
获取到的值为 980(之所以是这个值也是因为国外做过调查,那个时候的网页一般宽度都在980px左右
),所以为了避免浏览器的自动缩放,需要在手机端的<head>
内添加一行以下代码:
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum=1.0,minimum=1.0" />