h5页面移动端用rem设置字体，字体不按照正常比例缩放

Question

项目中ui给到750px的设计图
用rem布局 100px为1rem
设置黑色字体大小为.22rem 设置灰色字体为.16rem
在750的屏幕上字体，页面布局正常。

但是，用谷歌浏览器手机模拟，到375的屏幕上，字体缩放有问题，并且，造成页面布局紊乱

Answer 1

chrome浏览器有12px的最小字体限制。

Answer 2

使用 rem 布局，如果你想文字的大小随着屏幕分辨率的改变而改变，可以使用媒体查询 media 设置不同的 html 绝对大小的值

或者引入 lib-flexible ，不过这只是一种过渡方案，官方已经不再推荐，转而推荐使用 viewport 来替代此方案

Answer 3

你可以使用JS动态设置html的font-size, 来适应页面分辨率的变化

Answer 4

用rem的情况下，屏幕尺寸变化，根标签的font-size要重新计算啊

Answer 5

提供下viewport设置和html的fontsize设置看下