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

2022-10-09 20:24:17 字數 552 閱讀 8128

使用elementui(v2.13.2)開發過程中使用el-table渲染列表,需要控制table的最大高度,達到溢位滾動的效果。

參考element文件,可以使用max-height屬性(table 的最大高度。合法的值為數字或者單位為 px 的高度),於是可以設定乙個具體的值,eg:max-height="360px" 或max-height="360",但是這樣並不能解決螢幕適配的問題。那就考慮在dom渲染完成後,計算瀏覽器視窗的可見高度 減去 固定的元素高度,剩下的就是table的最大高度了。

mounted() )

},

methods: )

}}

至於在mounted中為啥用 nexttick,因為table資料渲染過程中dom會重新計算高度,mounted中執行運算的時候介面的資料可能還沒有返回呢。

這個maxheight的計算可以在請求介面獲取資料賦值 tabledata 後計算,此時可以不用nexttick也能達到一樣效果。

根據螢幕寬高比適配文字大小 和 布局

很久沒寫文章了,畢竟新人就只能寫給新人的福利了,還是那句話,讓新人少走一點彎路.談技術之前,先來說明靈感在於哪,老規矩,上圖 首先,除了iphone4,iphone5,6,6plus機型,都是成比例的,也就是每個螢幕的寬度 高度都是相等的,所以我們可以利用這個成比例,寫以下 螢幕適配 判斷裝置型別 ...

C 根據螢幕大小設定窗體

根據螢幕大小設定窗體初始大小 rectangle rect system.windows.forms.systeminformation.virtualscreen rectangle rect systeminformation.workingarea this.height rect.heigh...

iOS字型根據不同螢幕尺寸適配

因為檢視使用storyboard 和 xib拖拽進來了,如果需要對不同大小的螢幕進行font 字型適配的話可以使用分類。在load 方法中 利用oc的執行時機制,對所有的 uibutton uilabel 做處理。關鍵 uibutton 按鈕的處理方式 void load id myinitwith...