(一)移动端适配方案
1、缩放
动态设置标签
(function adapt(){
const cueWidth = window.screen.width;
const targetWidth = 750;
const scale = curWidth / targetWidth;
const meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = `initial-scale=${
scale},minimum-scale=${
scale}.maximum-scale=${
scale}`;
document.head.appendChild(meta);
})()
2、flexible rem布局方案
通过计算不同的手机尺寸设置根节点的font-size,
(function flexible (window, document) {
var docEl = document.documentElement
var dpr = window.devicePixelRatio || 1
// adjust body font size
function setBodyFontSize</