移动网站背景图片的CSS

标签 css image mobile jquery-mobile background

我正在使用 jQuery 移动工具包构建网站的移动版本。

页面将采用垂直布局(仅垂直滚动)。

我想在主页上显示背景图片,即使用户滚动到底部也是如此。

图片为大图,不重复显示。图像必须显示在页面左上角的左上角,并尽可能显示其宽度和高度(图像应调整大小以免被裁剪或裁剪最少)。

是否可以为任何(或所有)不同的屏幕尺寸和方面提供图像?

最佳答案

您可以使用 width height CSS 媒体查询根据用户视口(viewport)的宽度和高度提供不同的背景图像。

如果你在 <body> 上设置背景图片元素,并设置其 background-attachment属性(property)fixed ,那么即使用户滚动页面,背景图像也会保持在相对于视口(viewport)的相同位置。

关于移动网站背景图片的CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10574649/

相关文章:

html - "text-decoration: none"不工作,即使是 "!important"

css - 如何使菜单链接在文本旁边有图像?

html - 如何仅使用 CSS 移动屏幕进行检测

javascript - CSS无限滚动div

html - ID 是否总是必须与 CSS 中的一个元素相关?如果该元素在页面上重复出现怎么办?

html - 使用CSS使矩形图像显示为圆形而不使图片看起来变形

java - 更改 Java Android 中的 UI

android - 移动浏览器的特定于浏览器的 CSS

html - 需要使用 CSS 选择小于其 'option' 宽度的 'select' 元素

python - 在opencv python中将颜色从黑色反转为白色