safari浏览器下有没有单独的CSS hack?

Question

请问一下在safari浏览器下面，有没有专门的CSS hack？其属性是什么？

Answer 1

@media screen and (-webkit-min-device-pixel-ratio:0) {
    
}

试试这个

Answer 2

举个例子，在 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;
        }
    }
}

亲测可用。

Answer 3

/* Safari 7.1+ (9.0 is the latest version of Safari at this time) */

_::-webkit-full-page-media, _:future, :root .safari_only {
  /*此处为css样式*/
}

亲测可用，确保CHROME不同时生效

Answer 4

不太明白题主具体问的是什么，不过browserhacks这个文档可以推荐给题主~