顯示：隱藏不在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; 
     }