使用rem进行pc的弹性布局

// 实现弹性布局
// 这个函数是为了解决,当进行浏览器窗口大小操作时,rem还是之前的值,如果想要看到效果,需要进行一次手动刷新
// 所以,为了解决不手动刷新我们需要在浏览器窗口变化的时候,进行监听,如果浏览器窗口变化了,就进行rem的重新计算
// (也算是一个bug)
window.onresize = function () {
    rem()
}
rem()
// 进行rem的计算 因为是已1920px为基准进行计算的,所以为了方便,把1rem等于100px
function rem() {
    let width = document.body.clientWidth
    alert(width)
    let fontSize = document.getElementsByTagName('html')[0].style.fontSize = width / 19.2 + "px"
}


猜你喜欢

转载自blog.csdn.net/lzh5997/article/details/80508109
今日推荐