关于前端:rem的使用

<script>

!function(n){

 var e=n.document,

 t=e.documentElement,

 i=750,

 d=i/100,

 o="orientationchange"in n?"orientationchange":"resize",

 a=function(){

 var n=t.clientWidth||320;n>750&&(n=750);

 t.style.fontSize=n/d+"px"

 };

 e.addEventListener&&(n.addEventListener(o,a,!1),e.addEventListener("DOMContentLoaded",a,!1))

}(window);

</script>

<style>

 .aaa{padding: .20rem;}

</style>

</head>

<body>

<div id="box">

 <div class="aaa">1</div>

</div>

</body>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理