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

使图像旋转并在多个设备上进行更改

1 个答案: