if (width dpr 540) {判断屏幕逻辑像素大于540时,取540
width = 540 dpr;
}
var rem = width 10;
docEl.style.fontSize = rem + 'px';
flexible.rem = win.rem = rem;
总结:
使用rem布局,实质都是通过动态改写html的font-size基准值,来实现不同设备下的良好统一适配;
网易与淘宝不同 的地方是 ,网易将布局视口设置成了 视觉视口,淘宝将布局视口设置成了物理像素大小,通过 scale缩放嵌入了 视觉视口中;
容器元素的字体大小都不使用rem,需要额外的media查询;