图像不会显示 - 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;规则适用于其他情况，是的。删除此规则，然后重试。每当发生一些奇怪的事情时，我会逐个删除代码块，以查看导致问题的原因。所有编辑器都撤消，所以我删除一个块，测试和撤消，删除下一​​个块等