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