仅将CSS应用于Chrome

Question

我在网页上添加了一些CSS代码，我希望此CSS代码仅适用于chrome。在IE上，它已经处于正确的位置。

@media only screen and (min-width:1280px) { 

    #x07ad3a0adb92619cc table tbody tr td img {
      max-width: 185% !important;
    }
    #xcfad3a0ad9619c9 table tbody tr td img {
       max-width: 155% !important; 
    }
    #x0fa3a0adb9219cf table tbody tr td img {
       max-width: 165% !important; 
    }
}

我尝试了以下媒体，仅将CSS应用于chrome

@media and (-webkit-min-device-pixel-ratio:0){
@media only screen and (min-width:1280px) { 

    #x07ad3a0adb92619cc table tbody tr td img {
      max-width: 185% !important;
    }
    #xcfad3a0ad9619c9 table tbody tr td img {
       max-width: 155% !important; 
    }
    #x0fa3a0adb9219cf table tbody tr td img {
       max-width: 165% !important; 
    }
}
}

但是网页图像的原始位置崩溃了。上面的代码不适用于chrome。 另外，这部分代码以红色显示。 min-device-pixel-ratio:

我不明白我的代码有什么问题：-（

有人可以帮助我吗？

提前谢谢！！

Answer 1

您应该尝试使用此代码

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    // your code here
}

参考https://jeffclayton.wordpress.com/2015/08/10/1279/

Answer 2

第@media and (-webkit-min-device-pixel-ratio:0){行的语法不正确：您必须删除and，因为只有一个条件。

希望这件事能解决您的问题。

最好的问候， 约翰