css中添加屏幕自适应方法（rem）

css中添加屏幕自适应方法（rem）

只需要在公共css文件中添加下面代码：设计稿以750px，基础字体为20px为例，兼容性高，使用过程中px转化为rem即可

/*竖屏*/
@media screen and (max-aspect-ratio: /){
    html {font-size:calc(100vw /  * );}
    @media screen and (min-width: 750px) {
        html{font-size:100px;max-width:750px;}
    }
}
/*横屏*/
@media screen and (min-aspect-ratio: /) {
    html {font-size:calc(100vmax /  * );}
    html .lockScreenTip {display:block;}
    html.input_focus .lockScreenTip {display:none;}
    @media screen and (min-width: 750px) {
        html{font-size:100px;max-width:750px;}
    }
}