css - 图像不会显示 - 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;
}

这会导致我的问题吗？

score 2 · Accepted Answer

2

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

于 2013-07-08T15:03:35.677 回答

score 0 · Accepted Answer

我自己最近遇到了这个问题，这是由于图像文件太大（文件大小，而不是尺寸）。尝试使文件类型更小，然后它最终会加载。试试这样的网站来帮助你。

score 0 · Accepted Answer

如果由于某种原因该display: none;规则适用于其他情况，是的。删除此规则，然后重试。每当发生奇怪的事情时，我都会逐部分删除代码块，以查看导致问题的原因。所有编辑器都有撤消，所以我删除一个块，测试，撤消，删除下一个块等。

3 回答 3