0

モバイル/デスクトップ デバイスの CSS バグに関する奇妙な問題が発生しています。

モバイルでは、クラスの 1 つの画像は表示されませんが、そのコンテンツ エリアは表示されます。

デスクトップでは、私のクラスの 1 つの画像が、そのコンテンツ領域を含めて表示されます。

これは私が自分のイメージを作成する方法です:

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

これは、mobile.css ファイルで行っていることです。

.image {

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

私のファイル（iPhone用）の別の1つでは、画像が表示されていないため、これを行っています：

.image {
   display: none;
}

それが私の問題を引き起こしている可能性がありますか？

4

3 に答える 3

2 
@media screen and (max-width: 480px) {
  .image {
    display : none;
  }
}
于 2013-07-08T15:03:35.677 に答える
0

最近この問題が発生したのは、画像ファイルのサイズが大きすぎるためです（サイズではなくファイルサイズ）。ファイルの種類を小さくしてみると、最終的に読み込まれます。このようなサイトを参考にしてみてください。

于 2013-07-08T15:03:41.473 に答える