我有一个标题和几个带有背景图像的 div,它们没有出现在我的移动设备(iPhone 5)上。这是一个例子:
CSS:
#title_img {
background: url("title.png") no-repeat scroll center top / 100% auto transparent;
height: 125px;
}
我正在处理的网站是响应式的,因此在减小窗口大小的情况下,我减小了标题的高度大小:
#title_img {
height: 80px;
}
HTML:
<header id="title_img" role="banner"></header>
图像应该在的空白区域。
我还有几个 div 使用类似的 CSS 来显示设备上未出现的背景图像。这些图像都与 CSS 文件位于同一目录中。有一个图像通过 HTML 中的标签调用,它在 iPhone 上显示良好。谢谢!