因为电脑的字体不需要再随浏览器大小而缩放。 而手机可能不同的屏幕的字体微调,会带来更好的视觉体验。
作者: 嗨心最紧要
打赏:
浏览: 222
好评: 0点赞
收藏: 0收藏
站外分享:

具体步骤:

  • 步骤 1

    body {
       position: absolute;
       height: 100%;
       width: 100%;
       overflow: hidden;
       font-size: calc(0.5em + 1.2vw);
    }
    @media (min-width: 540px){
       body {
           font-size: 1.25em;
       }
    }
    @media (min-width: 768px){
       body {
           font-size: 1.2em;
       }
    }