【发布时间】：2013-06-15 05:16:23
【问题描述】：
我正在尝试让这个网站在移动设备上运行：http://whitehallrow.com/
我决定删除移动设备上的蓝丝带和相应的照片，因为它们的显示效果不佳。所以我制作了新的图像，将这两个元素结合起来用于移动设备。但是当我在我的黑莓上查看页面时，图片覆盖了页面上大部分的文字。我该如何解决这个问题？
【问题讨论】：
标签： css image mobile text cover
【发布时间】：2013-06-15 05:16:23
【问题描述】：
我会考虑只研究 CSS @media。
例子：
普通屏幕：
#div {
properties for normal screen;
}
移动
@media only screen and (max-width: 400px) {
#div {
properties for mobile device here;
}
}
在此处查看更深入的内容：@media only screen
【讨论】：
-
我一直在使用媒体查询，这就是我只在移动设备上显示页面某些元素的方式。我想知道是否有一个简单的 CSS 技巧可以防止图片覆盖文本？
-
你可以让它显示：在媒体查询中阻止它自动将它放到前一个 div 之下。