css html 移動端適配 font-size: 13.33vw rem + vw

#### 使用 `vw` 實現響應式布局

方法一：使用CSS計算功能

這種方法是通過CSS中的`calc()`函數來計算`font-size`的值。

/* 
根據750寬度的設計稿計算font-size，即1rem = 100px;
*/
html {
    font-size: calc(100vw / 7.5);
}

這種方法的好處是可以在不需要JavaScript的情況下實現響應式設計。

方法二：基於設計稿寬度計算

這種方法是通過手動計算設計稿的寬度與`vw`單位的關系來設置`font-size`的值。

/* 
基於750寬度的設計稿，1rem = 100px;
*/
html {
    font-size: 13.333333333vw;
}

/* 
基於650寬度的設計稿，1rem = 100px;
*/
html {
    font-size: 15.38461vw;
}

方法三：使用JavaScript動態調整font-size

使用JavaScript動態地調整`font-size`可以更好地控制布局，在特定條件下更改`font-size`。

(function (window, document) {

    let getRem = function () {
       if (document) {
          let html = document.documentElement;
          let width = html.getBoundingClientRect().width > 750 ? 750 : html.getBoundingClientRect().width;
          let hWidth = width * (750 / 352);
          html.style.fontSize = Math.ceil(hWidth / 16) + "px";
       }
    };
    
    getRem();
    
    window.onresize = function () {
       getRem();
    }

})(window, document);