淘宝适配方案flexible.js

淘宝适配方案flexible.js

1、原理

引入淘宝的js文件，通过js实现根据屏幕大小动态修改 根标签 html 的字体大小,当html标签的fontsize被修改时，页面中使用了rem单位的css会自动发生变化

• flexible.js 把 屏幕宽度分10rem 如：
• 当屏幕宽度为 640px 时， html 的字体大小为 64px，也就是10rem。
• 1 rem = 64px；
• 1px = 1rem / 64rem

2、使用方法

复制以下代码 放在head标签中

<script> (function flexible(window, document) {
    var docEl = document.documentElement; var dpr = window.devicePixelRatio || 1; function setBodyFontSize() {
    if (document.body)