我是这么做适应页面大小的(自适应)
.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的数值，即可平滑地适应大小。
页:
[1]