圖像不會顯示 - CSS

Question

我對移動/桌面設備的CSS錯誤有一個奇怪的問題。

在移動設備上，我的其中一個類的圖像不會顯示，但其內容區域會顯示。

在桌面上，我的一個類的圖像將顯示出來，包括其內容區域。

這是我如何創建自己的形象：

<div class="image"> 
<img src="images/image.jpg" alt="" /> 
</div> 

這是我在mobile.css文件正在做的：

.image { 

width: 471px; 
height: 513px; 
float: left; 
} 

在我的文件另一個（適用於iPhone）我沒有顯示圖像，所以我這樣做：

.image { 
    display: none; 
} 

這可能會導致我的問題？

Answer 1

@media screen and (max-width: 480px) { 
    .image { 
    display : none; 
    } 
} 

Answer 2

自己最近有這個問題，這是由於圖像文件的大小太大（文件大小，而不是尺寸）。嘗試使文件類型變小，然後最終加載。試試site like this來幫助你。

Answer 3

如果由於某種原因display: none;規則適用於其他情況，是的。刪除此規則，然後重試。每當發生一些奇怪的事情時，我會逐個刪除代碼塊，以查看導致問題的原因。所有編輯器都撤消，所以我刪除一個塊，測試和撤消，刪除下一​​個塊等