web移动端的适配（以6s为标准）

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/baidu_40537062/article/details/101603906

1.以6s为标准确定先确定html的font-size,web中所有的尺寸都用rem为单位代替px

$(function () {

    var radio;
    let radioX = window.innerWidth / 375;
    let radioY = window.innerHeight / 647;
    if (radioX > radioY) {
        radio = radioY;
    } else {
        radio = radioX;
    }
    //以6s为标准确定先确定html的font-size,web中所有的尺寸都用rem为单位代替px
    $('html').css('font-size', 14 * radio + 'px');

    
})

2.css举例

.alarmDialog{
    position: absolute;
    top: 15rem;
    left: 8rem;
    width: 10rem;
    height: 10rem;
    background-color: yellow;
    background-color: rgba(0, 0, 0, 0.01);
    display: none;
    z-index: 300;
}

参考博客：
链接: REM