需求场景
最近有个需求，需要做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