标签: css image mobile jquery-mobile background
我正在使用jQuery移动工具包构建移动版网站。
页面将具有垂直布局(仅垂直滚动)。
我想在主页面上显示背景图像,即使用户滚动到底部也是如此。
图像是一个大图像,以无重复模式显示。图像必须在页面的左上角显示它的左上角,并尽可能多地显示它的宽度和高度(图像应该调整大小,以便不会 - 或最小 - 裁剪)。
是否可以为任何(或所有)不同的屏幕尺寸和方面提供图像?
答案 0 :(得分:1)
您可以使用width和height CSS媒体查询根据用户视口的宽度和高度提供不同的背景图片。
width
height
如果您在<body>元素上设置背景图片,并将其background-attachment属性设置为fixed,那么背景图片将保持相对于视口的相同位置当用户滚动页面时。
<body>
background-attachment
fixed
答案 1 :(得分:0)
在下面的媒体查询中进行所需的CSS更改:
@media screen and (max-width: 480px) { }