CSS破解了Safari 5的

我开发一个网页，当我测试跨浏览测试我有我的CSS样式得到了与我的谷歌Chrome和Safari浏览器我的冲突5.CSS破解了Safari 5的

我对所有的浏览器代码（火狐，铬，歌剧）

.flex-direction-nav-featured a{ 
     margin-top: 4%; 
    }

我试试这一个，但它不会工作

/* for safari only (wont work)*/ 
::root .flex-direction-nav-featured a{ 
    margin-top: 5%; 
} 
/* for safari only (but works with chrome also)*/ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
     /* works with sfari and chrome */ 
    .flex-direction-nav-featured a{ 
     margin-top: 5%; 
    } 

}

是否有一个CSS黑客只攻击Safari 5的？我尝试了很多东西，但都没有成功。

来源

2013-04-11 gadss

你能更具体？什么在Chrome中起作用？什么在Safari中不起作用？ – karancan 2013-04-11 02:40:47

这是在PC上的Safari吗？ – MikeM 2013-04-11 02:41:25

是的，它是在PC和笔记本电脑上的Safari浏览器 – gadss 2013-04-11 02:54:48

你可能想尝试通过伪类，以阻止Chrome：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */ 
    .flex-direction-nav-featured a{ 
     margin-top: 4%; 
    } 

    /* Safari only override */ 
    ::i-block-chrome,.flex-direction-nav-featured a{ 
     margin-top: 5%; 
    } 
}

来源

2013-07-04 14:30:45 user2550776

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */ 
    ::i-block-chrome,.flex-direction-nav-featured a { 
     margin-top: 5%; 
    } 
}

来源

2014-02-12 08:09:28 Sagar

CSS破解了Safari 5的

回答

相关问题