h5页面移动端用rem设置字体，字体不按照正常比例缩放
项目中ui给到750px的设计图
用rem布局 100px为1rem
设置黑色字体大小为.22rem 设置灰色字体为.16rem
在750的屏幕上字体，页面布局正常。
但是，用谷歌浏览器手机模拟，到375的屏幕上，字体缩放有问题，并且，造成页面布局紊乱
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
chrome浏览器有12px的最小字体限制。
使用
rem布局，如果你想文字的大小随着屏幕分辨率的改变而改变，可以使用媒体查询media设置不同的html绝对大小的值或者引入 lib-flexible ，不过这只是一种过渡方案，官方已经不再推荐，转而推荐使用
viewport来替代此方案你可以使用JS动态设置html的font-size, 来适应页面分辨率的变化
用rem的情况下，屏幕尺寸变化，根标签的font-size要重新计算啊
提供下viewport设置和html的fontsize设置看下