el table各種樣式相容問題解決方案

2022-09-16 07:42:11 字數 606 閱讀 8908

/*

************************************

* 1.邊框消失:被固定欄遮擋:上/下/左/右

* 2.調整邊距後問題:線條偏差錯位:標題與內容不對齊(右側固定欄多出內容:需要設定自適應寬度)

* 3.操作欄按鈕高度不夠:**行間距是padding:6px 0;按鈕內邊距是:7px 15px

************************************

*///設定高優先,以覆蓋內聯樣式

.el-table >.el-table__fixed-right // **邊框缺失問題:其實是**線條顏色加深問題,無法識別

.el-table__fixed::before, .el-table__fixed-right::before // 縮放錯位:

body .el-table th.gutterbody .el-table colgroup.gutter// **與內容變形

body .el-table--border th.gutter:last-of-type body table // 使**相容safari,不錯位

body .el-table__body

iPhoneX樣式適配相容問題

問題出處 在我們進行定位時要距離底部tab 100px 在安卓手機距離底部達到了我們的預期效果 但蘋果手機沒有 這時候我們就要寫一下樣式的適配 1 網頁在可視視窗的布局方式 viweport fit 屬性 ios11 新增特性,蘋果公司為了適配 iphonex 對現有 viewport meta 標...

各種瀏覽器相容問題

js中setattribute 的相容性 class和classname相容方法 object.setattribute class content 在ie8 chrome 火狐 opera10中都能設定成功 但是在ie7下無法設定。object.setattribute classname con...

IOS與安卓樣式相容問題

1.margin在ios中失效 在頁面中元素使用margin值,在某些ios裝置下會出現失效的情況,而安卓機則正常顯示,此問題暫無直接的解決方案,當前使用空div控制間距。2.fixed定位問題 整個頁面的fixed定位,在ios下下拉會觸發下拉事件,但是沒有動畫效果。android就能正常執行 f...