我刚刚制作了我的第一个网络应用程序,我正在努力让它看起来很酷(大学元素)。 我正在使用 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;
}
最佳答案
尝试 background-size: cover
(裁剪图像以填充背景)或 background-size: contain
(显示完整图像,必要时加信箱)。
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
关于javascript - 使图像旋转并在多个设备上更改它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20526545/