html - 显示：隐藏在 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

尝试

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

Answer 2

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