html {
            font-size: 10vw; /* width / 10 */
        }
        @media screen and (min-width: 780px) {
            html {font-size: 78px} /* 屏幕宽度大于780，不在放大 */
        }

        body {
            font-size: 16px; /* 修正字体大小 */
            /* 防止页面过宽 */
            margin: auto;
            padding: 0;
            width: 10rem;
            /* 防止页面过宽 */
            outline: 1px dashed green;
        }
        /* 字体缩放方案 */
        @media screen and (min-width: 320px) {
            body {font-size: 16px;}
        }
        @media screen and (min-width: 481px) and (max-width:640px) {
            body {font-size: 18px;}
        }
        @media screen and (min-width: 641px) {
            body {font-size: 20px;}
        }
        /* 字体缩放方案 */

        .p1, .p2 {
            border: 1px solid red;
            margin: 10px 0;
        }

        .p1 {
            width: 5rem;
            height: 5rem;

            font-size: 1.2em; /* 字体使用em */
        }

        .s1 {
            font-size: 1.2em; /* 字体使用em */
        }

        .p2 {
            width: 4rem;
            height: 4rem;
        }
        .s2 {
            font-size: 1.2em /* 字体使用em */
        }