仅在Safari上应用CSS特定规则的问题

时间:2014-09-11 20:09:36

标签: css css3

请告诉我如何应用

这样的特定规则
.btn{width:25%;}

只在Safari上?现在我有一个规则.btn {width:23%;}这在所有浏览器中都运行良好但在safari中没有(我的应用程序btns在safari中看起来更小)。 我已经看到了一些Browser Specific Hacks,但它们对我来说非常困惑。

由于

2 个答案:

答案 0 :(得分:0)

/ * Safari特定CSS * /

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

         ::i-block-chrome,.btn{
           width:25%;
           }

}

答案 1 :(得分:-1)

所以查看您发布的浏览器特定黑客URL。我不确定它有什么令人困惑的......

html[xmlns*=""]:root .btn{
    width:25%;
}

这应该有效