視口

佈局適口 通常用document.documentElement.clientWidth

視覺適口 通常用window.innerWidth

 rem 適配

    let style = document.createElement('style');
    style.innerHTML = `html{font-size:     
        ${document.documentElement.clientWidth / 16}px !important;}`;
    document.head.appendChild(style);

 viewport 適配

// 將全部視口的寬度調整爲設計圖寬度
// 須要在頁面上寫好 <meta name="viewport" content="width=device-width">
// 是爲了獲取理想視口的寬度， 若是不寫這句話，佈局適口默認爲980
let targetWidth = 750;
let meta = document.querySelector('meta[name=viewport]');
let scale = document.documentElement.clientWidth / targetWidth;
meta.content = `initial-scale=${scale},maximum-scale=${scale},minimum-scale=${scale},user-scalable=no`;

 縮放

@media screen and (-webkit-device-pixel-ratio : 2) {
    
}