当前位置:首页 > html5+css3 > 正文内容

动态计算rem适应

自由小鸟5年前 (2019-09-09)html5+css32142
<script>
~ function(){
function computed(){
let HTMl=document.documentElement,
deviceW=HTML.clientWidth, //显示屏宽度deviceW
designw=750,              //designw 设计稿的宽度
ratio=designw/designw*100;
if(deviceW>=designw){
ratio=100;
}
HTML.style.fontSize=ratio+'px'
}
computed();
//横竖屏切换的时候来重新计算
let evt='onorientationchange' in window? 'orientationchange':'resize';
window.addEventListener(evt,computed);
}();
</script>


版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://webge.net/?id=64

“动态计算rem适应” 的相关文章

实现背景色半透明渐变效果

实现背景色半透明渐变效果

父级相对定位 .box__shadow_left,.box__shadow_right{ position: absolute; top:0; height: 65rpx; width: 60px; z-index: 9; } 左边的效果 .box_...