vue元件頁面高度根據螢幕大小自適應

2021-10-07 14:43:44 字數 534 閱讀 2523

網頁可見區域寬：document.body.clientwidth

網頁可見區域高：document.body.clientheight

網頁可見區域寬：document.body.offsetwidth (包括邊線的寬)

網頁可見區域高：document.body.offsetheight (包括邊線的寬)

我們將document.body.clientwidth賦值給data中自定義的變數：

data:
在頁面mounted時，掛載window.onresize方法：

mounted () )()


}}
監聽screenwidth屬性值的變化，列印並觀察screenwidth發生變化的值：

watch: , 400)}}


}
最後別忘了在元素上賦值

一段**....

vue元件頁面高度根據螢幕大小自適應

網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.body.clientheight 網頁可見區域寬 document.body.offsetwidth 包括邊線的寬 網頁可見區域高 document.body.offsetheight 包括邊線的...

vue元件和頁面的高度根據螢幕大小自適應

網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.body.clientheight 網頁可見區域寬 document.body.offsetwidth 包括邊線的寬 網頁可見區域高 document.body.offsetheight 包括邊線的...

el table根據螢幕大小適配最大高度

使用elementui v2.13.2 開發過程中使用el table渲染列表，需要控制table的最大高度，達到溢位滾動的效果。參考element文件，可以使用max height屬性 table 的最大高度。合法的值為數字或者單位為 px 的高度 於是可以設定乙個具體的值，eg max heig...