如何为不同移动设备设置html不同的font-size？

Question

如图，如何为不同的移动设备设置html不同的font-size，从而可以使用rem这个相对长度单位？

Answer 1

@media 可以针对不同的屏幕尺寸设置不同的样式，结合rem单位一起使用

@media screen and (max-width: 375px)

  html

    font-size 12px !important

@media screen and (min-width: 376px) and (max-width: 720px)

  html

    font-size 14px !important