CodeSky 代码之空

随手记录自己的学习过程

CSS Safari Hack

2017-01-26 22:31分类: CSS评论: 0

这次的标题起得比较简单是因为起标题太难了。

故事要从我在 Element 里发现了一个 Bug 说起,实际上这是 Safari 的渲染问题:http://jsfiddle.net/erpf75ky/4/

实际上在新版也能够复现这个问题,只要是 Safari,屡试不爽。

我们发现是table-layout的问题,在动态添加的table-layout似乎存在了一些微妙的渲染问题,于是在 Safari 下添加一个 class 去修改table-layout的状态,改变一次设置值即可正确渲染。

然而,这样的 Hack 在大部分浏览器里是没有必要的,所以就想着试试加了一下 Safari 的 Hack:

1 // Simple hack for Safari 9+
2_::-webkit-:not(:root:root), .el-table.loading {
3	.el-table__body, .el-table__header {
4		table-layout: auto;
5	}
6}
7

参考:

is there a css hack for safari only NOT chrome?

评论 (0)