需求场景
最近有个需求,需要做pc端大屏页面,一般pc端都采用定宽的设计方式,这样兼容各个屏幕比较容易,直接用px即可。因为项目需要投大屏,所以采用了流式布局,考虑到需要适配各个分辨率的屏幕,故采用了rem单位。可奇怪的是,在360和qq浏览器中rem并不生效
出现原因
因为我在定义rem的大小时,为了方便计算。将1rem=10px,而360浏览器中字体最小单位为12px,所以1rem至少等于12px才会生效。
解决方案
定义1rem=20px
最近有个需求,需要做pc端大屏页面,一般pc端都采用定宽的设计方式,这样兼容各个屏幕比较容易,直接用px即可。因为项目需要投大屏,所以采用了流式布局,考虑到需要适配各个分辨率的屏幕,故采用了rem单位。可奇怪的是,在360和qq浏览器中rem并不生效
因为我在定义rem的大小时,为了方便计算。将1rem=10px,而360浏览器中字体最小单位为12px,所以1rem至少等于12px才会生效。
定义1rem=20px