显示：隐藏不在safari中工作

Question

由于某种原因，显示：隐藏属性不适用于我的移动野生动物园中的图像（或至少在我的手机的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即可。

Answer 2

尝试

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