针对铬不Safari浏览器scist

我正在寻找一种方法，只针对mixin在scss内的Chrome浏览器。针对铬不Safari浏览器scist

@mixin { 
&:after { 
border-bottom:black; 

    @media screen and (-webkit-min-device-pixel-ratio:0) { border-bottom: red; } 

    } 

}

这个既针对safari又针对chrome。

来源

2014-09-10 A_city

注意，你不应该添加的声明直接进入'@ media'块，你必须在第一次使用CSS选择一个很好的资源。 – 2014-09-10 13:44:08

为什么你需要定位Chrome而不是Safari？需要针对特定的浏览器几乎肯定是设计/实现不佳的标志。 – cimmanon 2014-09-10 14:45:02

没有为CSS没有特别的黑客单独而可以覆盖野生动物园的CSS

FOR WEBKIT

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .class{color:red;} 
}

Safari浏览器只覆盖

::i-block-chrome,.class { 
color:blue; 
}}

来源

2014-09-10 13:39:41 Benjamin

不确定这对mixin是如何工作的，因为我还没有在特定的类上使用它 – 2014-09-10 13:41:28

如果您正在寻找媒体查询，Chrome版本现在可以分开。前一段时间，我从组合研究中创建了这个，直到我找到了一种可行的方法。我几个月前发布到browserhacks.com（我为他们测试）。 Chrome 29+可通过媒体查询进行定位。此时，测试在Chrome中的所有现代版本的工作，甚至发展和金丝雀版本到版本40

试试这个，而不是嵌入在你的mixin的镀铬+ Safari的媒体查询：

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { 
    border-bottom: red; 
}

还有我已经发布，以及用于这个活的测试和其他人，我在这里工作或创建：

http://browserstrangeness.bitbucket.org/css_hacks.html

来源

2014-10-29 13:49:12

试试这个：

@supports (-webkit-appearance:none) {}

只有浏览器支持webkit（Chrome）时，大括号内的CSS才会运行。

Browserhacks是“特定浏览器CSS和JavaScript的黑客”

来源

2017-06-22 14:23:55

针对铬不Safari浏览器scist

回答

相关问题