javascript - 使图像旋转并在多个设备上更改它

Question

我刚刚制作了我的第一个网络应用程序，我正在努力让它看起来很酷(大学元素)。我正在使用 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;
}

Answer 1

尝试 background-size: cover(裁剪图像以填充背景)或 background-size: contain(显示完整图像，必要时加信箱)。

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