rem单位在chrome中适应变化

rem单位在chrome浏览器79版本之前只能做到最低12px响应。小于12px则不会进行单位响应,大于等于12px会响应

chrome在79版本后修复了这个最低响应问题,可做到响应到多少都没问题

问题:如果想要在79版本之前想要做到响应单位该怎么办

解决办法:

将根节点设置成响应单位:

$rem:calc((100vw / 1920) * 10);

现在此单位是根据1920的电脑可视宽,再乘10,相当于1920中的10px,作为每项的匹配单位,可作为响应单位复现,使用时:width:5* $rem;类似就可响应使用。运行后可以看到是以vw作为单位的

你可能感兴趣的:(rem单位在chrome中适应变化)