css - 适用于 OS x 或 Windows 的所有版本的 Safari 的条件 CSS

Question

你能帮我为所有版本的 Safari 添加条件 css 吗？

我用过这个，但它只适用于 Windows Safari 5.1.7，但不适用于 OSx Safari 7.0.3

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome,.extraheight {
        height: 180px !important;
    } 
}

谢谢!

Answer 1

没有一个适用于所有版本的 Safari，只是不同的版本可以针对不同类型的黑客攻击。这是最新的，也是我自己几个月的研究和实验的产物:

/* Safari 6.1+ (8.0 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
    .safari_only { 

        color:#0000FF; 
        background-color:#CCCCCC; 

    }
}}

如果您想实时测试它(以及我一直在为不同浏览器开发的许多其他软件)，请查看我的实时测试页面:http://browserstrangeness.github.io/css_hacks.html#safari

或镜像:

http://browserstrangeness.bitbucket.io/css_hacks.html#safari