rem单位在chrome浏览器79版本之前只能做到最低12px响应。小于12px则不会进行单位响应,大于等于12px会响应
chrome在79版本后修复了这个最低响应问题,可做到响应到多少都没问题
问题:如果想要在79版本之前想要做到响应单位该怎么办
解决办法:
将根节点设置成响应单位:
$rem:calc((100vw / 1920) * 10);
现在此单位是根据1920的电脑可视宽,再乘10,相当于1920中的10px,作为每项的匹配单位,可作为响应单位复现,使用时:width:5* $rem;类似就可响应使用。运行后可以看到是以vw作为单位的
网友评论