由于某些原因,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

10-01 16:42