vue根據滿屏設計圖頁面元素高度來計算接觸頁面底部位置的元素高度

this.screenWidth = document.body.clientWidth;
this.screenHeight = window.innerHeight
this.table_box2_height = window.innerHeight - 409 - 38 - 62
this.tab_box2_height = window.innerHeight - 614 - 30
window.onresize = () => {
   return (() => {
       this.screenWidth = document.body.clientWidth;
       this.screenHeight = window.innerHeight
       this.table_box2_height = window.innerHeight - 409 - 38 - 62
       this.tab_box2_height = window.innerHeight - 614 - 30
   })()
}

可以根據瀏覽器窗口高度來設定一個閾值,避免高度過低 各元素出現過於擠的這種情況
在這裏插入圖片描述
在這裏插入圖片描述在這裏插入圖片描述
在這裏插入圖片描述

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