显示：隐藏不在safari工作

Question

由于某种原因显示：隐藏的属性不适用于移动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; 
} 
} 

正如你可以看到我尝试覆盖 “显示：块”，但由于某些原因，它仍然呈现在Safari。与实际页面的页面可以在这里找到：http://david-hong.com/mamute.html

任何帮助将不胜感激！

Answer 1

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

Answer 2

尝试

@media only screen and(max-width:800px){ 
     img#finalImg{ 
     display:none !important; 
     }