移动端适配字体

相对单位 rem

rem 是 CSS3 新增的一个相对单位（root em），即相对 HTML 根元素的字体大小的值。

rem 应该是自适应使用的最广泛的单位了。

加上媒体查询实现字体大小适配不同屏幕

 

<style scoped>
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .title {
   font-size:1.5rem
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .title {
    font-size:2rem
  }
}
</style>