css3規定：1rem的大小就是根元素html的font-size的值，
通過設定 根元素<html>的font-size的大小，來控制整個html檔案內的字體大小、元素寬高、內外邊距等，
根據移動設備的寬度大小來實作自適應，不同的設備都展示一致的頁面效果，
rem寬度比例 設計稿寬度 首先:
1rem = 100px
100vw = 750px
所以
1rem = 100vw / 7.5 = 13.333333333vw
// 最后設定根元素font-size為13.333333vw即可
引入：頁面開頭出引入下面這段代碼，用于動態計算font-size
function rem(){
document.documentElement.style.fontSize=document.documentElement.clientWidth / 7.5 + 'px';
}
rem();
window.onresize = rem;
這樣當1rem = 13.333333vw時，獲得一個寬高為60px的div的rem值，直接：
div {
width: .6rem;
height: .6rem;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/249079.html
標籤：其他