html - 显示 :hidden not working in safari

Question

出于某种原因，display:hidden 属性不适用于我在移动 safari(或至少在我手机的 Safari)中的图像。

这是 HTML:

<img src="imac.png" id="finalImg" />

和 CSS

#finalImg{
max-width:100%;
margin: 0 auto;
display: block;
}
@media only screen and(max-width:800px){
img#finalImg[style]{
display:none !important;
}
}

如您所见，我尝试覆盖“display:block”，但出于某种原因它仍然在 safari 中呈现。可以在此处找到具有实际页面的页面:http://david-hong.com/mamute.html

如有任何帮助，我们将不胜感激!

Answer 1

问题是您的选择器:img#finalImg[style] .你<img>没有 style属性。只需使用 #finalImg在媒体查询中。