element表格在瀏覽器放大縮小情況下產生錯位


element表格在瀏覽器放大縮小情況下產生錯位

在谷歌瀏覽器中特有的問題,element框架中的帶有border屬性的表格,在電腦改變縮放與布局的比例和谷歌瀏覽器縮放頁面的時候,表格會產生錯位問題。一般谷歌瀏覽器和360瀏覽器會產生這個問題。

一般這種情況下,我們拉伸頁面表格的錯位有時候會恢復正常,所以從樣式入手,在入口文件中index.html或者app.vue中加入全局的css樣式:

<style>
.el-table--border th.gutter:last-of-type { display: block!important; width: 17px!important; }
</style>

加上這個代碼,錯位問題基本會解決。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM