前端做網頁的時候總會遇到在不同的分辨率下適配的問題，element可以為表格設定固定寬度，但是遇到不同分辨率下可能會讓頁面出現(xiàn)滾動條。
先說一下思路，在頁面不是很復雜的情況下，就是獲取到窗口的高度，然后減去其他div區(qū)域的高度，剩下的全是表格的。這里有兩種解決思路，css屬性的vh和js的window.innerHeight。
Css方法：
在css3中,vh和vw是視口單位,是相對長度單位。100vh意思是把窗口高度分為100份，我們在通過calc（）減去其他的高度計算出來表格高度。我們直接在這里設置。
Js:
Js的思路是通過window.innerHeight獲取到瀏覽器窗口高度，然后再通過mounted（）掛載完成時控制:height的綁定值，再使用window.onresize監(jiān)聽瀏覽器窗口的變化，當窗口變化的時候重新給:height的綁定值賦值。同時要注意，要在destroyed中銷毀監(jiān)聽事件，防止內存泄漏。還有我們要在created中先賦一次值，element表格沒有讀取到:height的綁定值會報錯。
以上修改分辨率頁面整體內邊距并沒有發(fā)生變化，也沒有出現(xiàn)滾動條，但是表格顯示的數(shù)據變少了，說明表格的高度已經發(fā)生變化。
