https://sapui5.hana.ondemand.com/#/topic/4df1d914e52d4b1aa0805eb01522537e

使用Shell控制元件， Shell控制元件能實現不同裝置螢幕大小的自適應。

修改webapp/view/App.view.xml, 增加Shell控制元件

<mvc:View controllerName="sap.ui.demo.walkthrough.controller.App" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mvc="sap.ui.core.mvc"
    displayBlock="true"
 
 xmlns="sap.m">
    <Shell>
    <App>
        <pages>
            <Page title="{i18n>title}">
                <content>
                    <Panel headerText="{i18n>helloPanelTitle}">
                        <content>
                            <
 
Button text="{i18n>showHelloButtonText}" press=".onShowHello"/>
                            <Input value="{jsonModel>/recipient/name}" 
                                    description="Hello {jsonModel>/recipient/name}" 
                                    valueLiveUpdate="true" width="50%"
 
/>
                        </content>
                    </Panel>
                </content>
            </Page>
        </pages>
    </App>
    </Shell>
</mvc:View>

執行