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>
加上這個代碼,錯位問題基本會解決。