css - 图像不会显示 - CSS

Question

我遇到了一个奇怪的问题，即移动/桌面设备的 CSS 错误。

在移动设备上，我的一个类(class)的图片不会显示，但它的内容区域会显示。

在桌面上，将显示我的一个类(class)的图像，包括它的内容区域。

这就是我创建图像的方式:

<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;
  }
}