图像覆盖移动设备上的文本

Question

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

我决定删除蓝色缎带和相应的手机照片，因为它们显示效果不佳。所以我制作了新的图像，结合了移动设备的两个元素。但是当我在Blackberry上查看页面时，图片会覆盖页面上大部分文本。我该如何解决这个问题？

Answer 1

我会考虑只研究CSS @media。

示例：

普通屏幕：

#div {
   properties for normal screen;
}

移动

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

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