rem 固定值適配

時間 2021-08-14

標籤 html ide 佈局 scala htm rem 欄目 HTML 简体版

原文原文鏈接

<!doctype html><html lang="en" style="font-size: 100px;"><head>    <meta charset="UTF-8">    <meta name="viewport"          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>Document</title>    <style>        *{            margin:0;            padding:0;        }        #box{            width:1.59rem;            height:.89rem;            margin-left:.21rem;            margin-top: 2rem;            background:#886;        }    </style></head><body><div id="box"></div><script>    // 獲取佈局視口寬度//    var width = document.documentElement.clientWidth;//    var x = width * 100 / 375;//    // 設置新的 font-size//    document.documentElement.style.fontSize = x + 'px'     //  簡化    //    document.documentElement.style.fontSize =  document.documentElement.clientWidth  * 100 / 375;    //   最終    window.onresize = function(){        // 設置新的 font-size        document.documentElement.style.fontSize = document.documentElement.clientWidth * 100 / 375 + 'px'    }</script></body></html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。