遇到个safari浏览器样式兼容的问题。 - 沸点

前端小学生 @上海

遇到个safari浏览器样式兼容的问题。

举个例子，在 chrome（version：79.0.3945.117）中，下面这段样式可以生效（scss 预编译）。

```
div {
span {
padding-left: 10px;
}
}
```

但在 safari （version: 13.0.4）中，却发生了偏移。这时，可以用下方的 hack 写法，进行微调修正：

```
div {
span {
padding-left: 10px;
}

@media not all and (min-resolution:.001dpcm) {
span {
padding-left: 6px;
}
}
}
```

亲测可用。

展开

等人赞过