CSS Safari Hack
这次的标题起得比较简单是因为起标题太难了。
故事要从我在 Element 里发现了一个 Bug 说起,实际上这是 Safari 的渲染问题:http://jsfiddle.net/erpf75ky/4/
实际上在新版也能够复现这个问题,只要是 Safari,屡试不爽。
我们发现是table-layout
的问题,在动态添加的table-layout
似乎存在了一些微妙的渲染问题,于是在 Safari 下添加一个 class 去修改table-layout
的状态,改变一次设置值即可正确渲染。
然而,这样的 Hack 在大部分浏览器里是没有必要的,所以就想着试试加了一下 Safari 的 Hack:
// Simple hack for Safari 9+
_::-webkit-:not(:root:root), .el-table.loading {
.el-table__body, .el-table__header {
table-layout: auto;
}
}
参考:
植入部分
如果您觉得文章不错,可以通过赞助支持我。
如果您不希望打赏,也可以通过关闭广告屏蔽插件的形式帮助网站运作。