我正在使用 jQuery 移动工具包构建网站的移动版本。
页面将采用垂直布局(仅垂直滚动)。
我想在主页上显示背景图片,即使用户滚动到底部也是如此。
图片为大图,不重复显示。图像必须显示在页面左上角的左上角,并尽可能显示其宽度和高度(图像应调整大小以免被裁剪或裁剪最少)。
是否可以为任何(或所有)不同的屏幕尺寸和方面提供图像?
最佳答案
您可以使用 width
和 height
CSS 媒体查询根据用户视口(viewport)的宽度和高度提供不同的背景图像。
如果你在 <body>
上设置背景图片元素,并设置其 background-attachment
属性(property)fixed
,那么即使用户滚动页面,背景图像也会保持在相对于视口(viewport)的相同位置。
关于移动网站背景图片的CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10574649/