适配方案二之:使用vw进行计算

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="viewport-fit=cover,width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Document</title>
</head>
<style>
    html {
        line-height: 1.15;
        /* 1 */
        -webkit-text-size-adjust: 100%;
        /* 2 */
        font-size: 13.33333vw;  /*这个是比较重要的*/
        /* 用这个vw */
        font-family: '微软雅黑', 'PingFangSC-Regular';
    }
    div{
        font-size: .2rem;
    }
</style>

<body>
<div>哈哈</div>
</body>

</html>

 

按照750的设计稿,如果是75px则直接写成0.75rem即可。

posted @ 2020-06-10 10:55  夏小夏吖  阅读(795)  评论(0编辑  收藏  举报