<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title></title>
<script>
var c=()=>{
let w = document.documentElement.clientWidth; /*获取设备的宽度*/
let n = (20 * (w / 320) > 40 ? 40 + "px": (20*(w/320) + "px"));
// console.log(n)
document.documentElement.style.fontSize=n
}
window.addEventListener("load",c)
window.addEventListener("resize", c)
</script>
<style>
html{
font-size: 100px;
}
div{
font-size: 2rem;
}
</style>
</head>
<body>
<div>123</div>
</body>
</html>
rem的一种使用方法
最新推荐文章于 2024-06-20 20:20:21 发布