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

动态计算rem适应

自由小鸟6年前 (2019-09-09)html5+css32631
<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适应” 的相关文章

弹出框在页面左右上下居中的写法

自适应写法 .dialog{ border-radius: 8px; display: flex; flex-direction: column; position: absolute; top: 50%; left: 50%;...