我是这么做适应页面大小的(自适应)

Darth_EF

        .main{
            font-size: 1vh;

            width: 100em;
            height: 100em;
            z-index: 1;
            border: #000 1px solid;
            position: absolute;
        }
        @media (max-width: 100vh){
            .main{
                font-size: 1vw;
            }
        }

媒体选择器的 max-width 和里面的 font-size 一个是 vh 另一个是 vw ； 媒体选择器的font-size 和外面的font-size单位也是。
当数值相乘再乘以0.01等于不在媒体选择器里的font-size的数值，即可平滑地适应大小。