淘宝适配方案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)