网站首页HTML/CSS
rem单位的使用

<!doctype html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <title>rem单位的使用</title>
    <style>
        html {
            font-size: calc(100vw / 22);
        }

        /* rem是相对单位，它以html元素的font-size属性值为基准，即html元素的font-size属性值是多少，1rem就等于多少。 */

        body {
            margin: 0;
            padding: 1rem;
        }

        * {
            font-size: 1rem;
            text-align: justify;
            line-height: 1.618;
        }
    </style>
</head>
<body>
壹贰叁肆伍陆柒捌玖拾壹贰叁肆伍陆柒捌玖拾壹贰叁肆伍陆柒捌玖拾壹贰叁肆伍陆柒捌玖拾壹贰叁肆伍陆柒捌玖拾
</body>
</html>