css - 在移动设备上覆盖文字的图像

Question

我正试图让这个网站适用于移动设备：http ://whitehallrow.com/

我决定删除移动设备的蓝丝带和相应的照片，因为它们没有很好地显示。所以我制作了新的图像，结合了移动设备的两个元素。但是当我在我的黑莓上查看页面时，图片覆盖了页面上大部分的文字。我怎样才能解决这个问题？

score 1 · Accepted Answer

我会考虑只研究 CSS @media。

例子：

普通画面：

#div {
   properties for normal screen;
}

移动的

@media only screen and (max-width: 400px) {
  #div {
  properties for mobile device here;
  }
}

在此处查看更深入的内容：@media only screen

1 回答 1