使用“ @media屏幕和（-webkit-min-device-pixel-ratio：0）”的Mozilla firefox

Question

下午好，我以标准的默认样式将html按钮作为目标，我注意到它在mozilla上的样式不正确，因此我为mozilla使用了默认样式，并使用了“ @ media屏幕和（- webkit-min-device-pixel-ratio：0）“ 定位到Chrome，现在我的问题是Mozilla使用” @ media屏幕和（-webkit-min-device-pixel-ratio：0 ）” 。我的意思是代替使用默认样式的mozilla css，而是继续使用webkit chrome样式，它不会响应默认样式。代码

<div class="fruits_holder_text_1">
<span>The <br/> Splash <br/> Strawberries</span>
<a class="fruits_holder_text_1_a" href="fruits/strawberries" title="Shop Now"><span>Shop Now</span> &nbsp; &nbsp;<img data-src="file_image/right2.png"></a>
</div>

  .fruits_holder_text_1 > .fruits_holder_text_1_a { /*mozilla*/
position:absolute;
margin-left:-37px;
margin-top:85px;
}


@media screen and (-webkit-min-device-pixel-ratio:0){
.fruits_holder_text_1 > .fruits_holder_text_1_a {
position:absolute;
margin-left:-17px;
margin-top:10px;
}
}

///当我检查FIREFOX上的检查元素时，发现的是Mozilla正在使用CHROME WEBKIT，如下图所示。

Answer 1

在Firefox 49中，Mozilla引入了理解和使用“ -webkit”属性的功能。1 我认为这仍然有效。