h5移动端和大屏适配

rem适配原理

  • 将设备分成 n 等分,n 可以是任意正确的值(比如 flexible.js 中的 n = 10 )。
    • 设置 html 元素的 font-size设备宽度 / 10,即得到 设备视口 1 rem 到底表示 多少设备视口 px。
  • 将设计稿也分成 n 等分,此时设计稿中的某个元素a 的 px 对应 设备中这个元素的 rem 的计算方式为
    • ?rem = 设计稿 a px / (设计稿的宽度 / n(表示1rem为多少px像素))

阅读更多