html - 显示:隐藏在 Safari 中不起作用

由于某些原因，display：hidden属性无法在移动浏览器中（或至少在我手机的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”，但是由于某些原因，它仍然在野生动物园中呈现。包含实际页面的页面可以在这里找到：http://david-hong.com/mamute.html

任何帮助将非常感激！

最佳答案

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