使图像在多个设备上旋转和更改答案

【问题标题】：Making an image rotate and change it across multiple devices使图像在多个设备上旋转和更改
【发布时间】：2013-12-11 17:58:33
【问题描述】：

我刚刚制作了我的第一个网络应用程序，我正在努力让它看起来很酷（大学项目）。我正在使用 JQM，并且正在尝试使用图像作为背景。现在出现了一些逻辑问题，我需要一些帮助。

我不知道如何直接调整图像大小以适应跨平台设备，包括使其适合几乎所有屏幕的方向模式。

谢谢！

这是 CSS 代码：

#home {
    background: url(Images/image.jpg) !important;
    background-repeat:repeat-y;
    background-position:center;
    background-attachment:scroll;
    background-size:100%
}
.ui-page, .ui-content, .ui-btn {
    background: transparent;
}

【问题讨论】：

标签： javascript android css html jquery-mobile

【解决方案1】：

尝试background-size: cover（裁剪图像以填充背景）或background-size: contain（显示完整图像，必要时加黑框）。

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

【讨论】：

发生了什么？
没什么，和静态图片背景一样
你能在网上的某个地方重现这个问题，以便我们在实践中看看它吗？
我正在尝试，但由于我使用的是 JQM，所以效果并不相同