移动端界面的适配(4)

var width = docEl.getBoundingClientRect().width; if (width / dpr > 540) { width = 540 * dpr; } var rem = width / 10; docEl.style.fontSize = rem + 'px'; flexible.rem = win.rem = rem;

其实flexible的实质就干了以下几件事

1、动态改写meta标签

2、给元素添加data-dpr属性，并且动态改写data-dpr的值。也就是动态改写dpr

3、给元素添加font-size属性，并且动态改写font-size的值

以上就是移动端适配的小小总结，之前只是直接用，没有好好的理解它的原理。发觉整理的时候，资料查下来也还是学到很多概念，学到挺多东西的。