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

Darth_EF

1. 
   
2.         .main{
   
3.             font-size: 1vh;
   
4. 
   
5.             width: 100em;
   
6.             height: 100em;
   
7.             z-index: 1;
   
8.             border: #000 1px solid;
   
9.             position: absolute;
   
10.         }
    
11.         @media (max-width: 100vh){
    
12.             .main{
    
13.                 font-size: 1vw;
    
14.             }
    
15.         }

复制代码

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