css - Safari 中的 Css Hack 问题

Question

我在下面的代码中尝试了这个，但它仍然可以在 Safari 和 Chrome 上运行。

请让我知道仅适用于 Safari 而不是 Chrome的黑客攻击

.contactDiv img:not(:root:root) { 
    margin-top:-75px;
}  

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .contactDiv img{
         margin-top:-75px;
    }
}

两者都在 Chrome 和 Safari 上工作，但我只希望在 Safari 上工作。

Answer 1

此 hack 仅适用于 Safari：

_::-webkit-full-page-media, _:future, :root .contactDiv img { margin-top:-75px; }

Answer 2

尝试以下类型的规则：

@media screen and (min-width:0\0) {}

或者您也可以从Browser Hack中查看媒体 hack