flexible.js是手机淘宝团队出的简洁高效移动端适配库
使用flexible.js之后,再也不需要写不同屏幕的媒体查询,因为里面js已经做了处理
他的原理是把当前设备划分为10等分,但在不同设备下,比例还是一致的
我们要做的,就是确定好我们当前设备的HTML文字大小就可以了
比如当前设计稿是750px的,那么我们只需要把html文字大小设置为75px(750px/10)就可以
里面页面元素rem值:页面元素的px值/75
剩余的,让flexible.js去运算
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">