前端PC端頁面，適配解決方案

代碼正常寫，在最下面引入此js代碼。完美解決適配問題！

代碼如下：

const baseWidth = 1920;

const baseHeight = 1080;

let timer = null;

let calcScale = function () {

    let windowInnerWidth = window.innerWidth;

    let windowInnerHeight = window.innerHeight;

    // let ratioW = baseWidth / windowInnerWidth;

    let ratioW = windowInnerWidth / baseWidth;

    // let ratioH = baseHeight / windowInnerHeight;

    let ratioH = windowInnerHeight / baseHeight;

    console.log(windowInnerWidth, windowInnerHeight)

    document.body.style.width = baseWidth + 'px';

    document.body.style.height = baseHeight + 'px';

    document.body.style.transformOrigin = 'left top';

    document.body.style.transform = `scale(${ratioW})`;

}

calcScale();

window.onresize = function () {

    if (timer) {

        clearTimeout(timer);

    }

    timer = setTimeout(calcScale, 300)

}

注：(js代碼中有用到css3屬性，低版本ie可能不支持)