美文网首页
rem单位在chrome中适应变化

rem单位在chrome中适应变化

作者: 弦生_a3a3 | 来源:发表于2022-03-09 17:58 被阅读0次

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

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

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

    解决办法:

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

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

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

    相关文章

      网友评论

          本文标题:rem单位在chrome中适应变化

          本文链接:https://www.haomeiwen.com/subject/rkdtdrtx.html