我知道我可以使用条件CSS来区分webkit浏览器与其他浏览器，但是据我了解，chrome和safari都是webkit浏览器。我如何区分两者？有一个针对野生动物园的修复程序，可使Nivo Slider变小时使chrome像素化，我需要使这两种浏览器都能工作。
Safari修复程序是：
img{
-webkit-transform: translate3d(0, 0, 0);
}
我的条件代码是：
[if Webkit] img {
-webkit-transform: translate3d(0, 0, 0);
}
谢谢！
如果您使用的是JavaScript，则此代码段会将Safari与Chrome区别开：
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
$('html').addClass('safari-only');
}
对于仅CSS的黑客，请尝试以下操作（不知道是否可行）：
/* Safari only */
.myClass:not(:root:root) {
}
对于您的特定情况，使用JavaScript：
JS：
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
$('img').addClass('safari-only');
}
CSS：
img.safari-only {
-webkit-transform: translate3d(0, 0, 0);
}
仅CSS：
img:not(:root:root) {
-webkit-transform: translate3d(0, 0, 0);
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句