早期的一些手机网页项目,在尺寸上没有使用rem等相对大小的写法,而是使用px固定单位,然后通过js操作viewport的缩放比来简单实现尺寸大小(以320为基准)。
但现在一些安卓机型新版本微信浏览器中会出现异常(比如可以左右拖动页面),而自带浏览器及ios没这问题。
var content = 'width=320, initial-scale=' + pageScale + ', maximum-scale=' + pageScale + ', user-scalable=no';
document.getElementById('viewport').setAttribute('content', content);