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.bitbucket.org/css_hacks.html#safari

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

1 个答案: