我试图使用CSS将图像显示为页面背景图像。图像在移动设备上无响应。
我使用以下代码在应用程序中显示特定页面的背景图像:
CSS
.page2BgImg {
background-image: url('../img/mainScr.jpg');
background-size: 100% 100%;
}
XML
<Page class="page2BgImg">
我尝试了this blog中给出的技术,但它并没有帮助我获得理想的结果。在移动设备上获取响应式图像的可能方法有哪些?
为了设置背景图像,可以使用属性backgroundImage
of sap.m.App。
<App id="myApp"
backgroundImage="myImageSrc"
/>
无论哪个设备,图像始终显示..
background-size: cover