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
   })()
}

可以根据浏览器窗口高度来设定一个阈值,避免高度过低 各元素出现过于挤的这种情况
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述

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