使圖像旋轉並在多個設備上更改它

Question

我剛剛制作了我的第一個Web應用程序，並且試圖使其看起來很酷（大學項目）。 我正在使用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/zh-CN/docs/Web/CSS/background-size