1. 在每个html的head下写入 或者公共引入
<meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no' />
2. js中写入 或者公共引入
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if(clientWidth>=375){
docEl.style.fontSize = '16px';
}else{
docEl.style.fontSize = 16 * (clientWidth / 375) + 'px';
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
recalc();
})(document, window);
3. 写代码时吧设计稿的px单位转换成rem编辑器自动转换或者搜索转换工具 某些设计稿页面自带转换