版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
1.以6s为标准确定先确定html的font-size,web中所有的尺寸都用rem为单位代替px
$(function () {
var radio;
let radioX = window.innerWidth / 375;
let radioY = window.innerHeight / 647;
if (radioX > radioY) {
radio = radioY;
} else {
radio = radioX;
}
//以6s为标准确定先确定html的font-size,web中所有的尺寸都用rem为单位代替px
$('html').css('font-size', 14 * radio + 'px');
})
2.css举例
.alarmDialog{
position: absolute;
top: 15rem;
left: 8rem;
width: 10rem;
height: 10rem;
background-color: yellow;
background-color: rgba(0, 0, 0, 0.01);
display: none;
z-index: 300;
}
参考博客:
链接: REM