Web Development

/ 0评 / 3/ 最后更新:2021-01-10
360浏览器rem不生效

需求场景

最近有个需求,需要做pc端大屏页面,一般pc端都采用定宽的设计方式,这样兼容各个屏幕比较容易,直接用px即可。因为项目需要投大屏,所以采用了流式布局,考虑到需要适配各个分辨率的屏幕,故采用了rem单位。可奇怪的是,在360和qq浏览器中rem并不生效

出现原因

因为我在定义rem的大小时,为了方便计算。将1rem=10px,而360浏览器中字体最小单位为12px,所以1rem至少等于12px才会生效。

解决方案

定义1rem=20px

3

Leave a Reply

Your email address will not be published. Required fields are marked *