如何在SAP UI5应用程序中使图像响应

2020-09-22 14:43发布

点击此处---> 群内免费提供SAP练习系统(在群公告中)加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)嗨, 我正在尝试使用CSS将图...

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,

我正在尝试使用CSS将图像显示为页面背景图像。 图片在移动设备上没有响应。

我正在使用以下代码来显示应用程序中特定页面的背景图像:

 Css:
 .page2BgImg {
     背景图片:url('../img/mainScr.jpg');
     背景大小:100%100%;
 }

 xml:
 
 

我尝试了此博客中提供的技术:" https://blogs.sap.com/2013/04/17/sapui5-and-sensitive-web-design-rwd /",但这并没有帮助我 预期的结果。

请建议如何获得响应结果。

谢谢

Saurabh

5条回答
蓋茨
2020-09-22 15:18

嗨,Sharath,

我确实尝试过,但是由于我将背景Image类应用于Page元素,因此无法正常工作。

我发现了另一种通过向应用程序添加" backgroundImage"来以响应方式显示背景图像的方法。

图像仍然存在问题,因为图像上包含嵌入式文本并且被截断了。 图像上还有一个按钮,其位置在各种移动设备上不断变化。 我正在使用" margin-top"属性(css)来维持其在屏幕上的位置。

以下是所有快照的链接:

原始图片

Galaxy s5横向模式

Galaxy s5纵向模式

ipad横向模式

ipad纵向模式

有人知道如何解决此问题吗?

感谢Sharath的努力。

一周热门 更多>