Html Mozilla firefox使用@媒体屏幕和（-webkit最小设备像素比：0）"；

下午好，我把一个html按钮作为一个普通默认样式的目标，我注意到它在mozilla上的样式不正确，所以我使用了mozilla的默认样式，并使用“@media screen and（-webkit min device pixel ratio:0）”作为目标chrome，现在我的问题是mozilla正在使用“@media screen and（-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;
}
}

草莓的飞溅物
.fruits\u holder\u text\u 1>.fruits\u holder\u text\u 1\u a{/*mozilla*/
位置：绝对位置；
左边距：-37像素；
利润上限：85px；
}
@媒体屏幕和（-webkit最小设备像素比：0）{
.fruits\u holder\u text\u 1>。fruits\u holder\u text\u 1\u a{
位置：绝对位置；
左边距：-17px；
边缘顶部：10px；
}
}

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

---

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