使用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"
}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章