rem

参考根标签html标签的文字大小

• 相对单位

• rem适配

• flexible.js

  • 使用js的方式给屏幕尺寸设置了一个根标签的字体大小（当前屏幕宽度的尺寸 / 10）

  • 引入方式

• rem值

  • rem * （屏幕尺寸/10） = X px
  • 注意设计稿是不是二倍图

媒体查询

查询设备的宽度，并设置HTML文字的大小

语法

• @media (width: 300px) { html { font-size: 30px } }

媒体查询的适配缺点

• 书写起来过于麻烦