我的视图适用于我的桌面，但不适用于我的手机

Question

你好，有人可以帮我解决这个问题吗？
在我的桌面浏览器中，我的片段视图可以正常工作，但在我的手机中却不行...

Desktop

Mobile

这是我的观点：

<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:custom="meusapps.testeAppOpenUI5.control">
<ScrollContainer id="root1" horizontal="false" vertical="true" height="100%">
    <List id="listaProposta" headerText="Propostas em Tramitação" items="{ path: 'modelProposta>/'}">
        <CustomListItem >
            <HBox  width="100%">
                <HBox width="75%">
                    <HBox alignContent="Center" alignItems="Center">
                        <Avatar src="{modelProposta>detalheAutores/ultimoStatus/urlFoto}" initials="{modelProposta>initials}" displaySize="M" showBorder="true"
                            class="sapUiSmallMarginBegin sapUiSmallMarginTopBottom"/>
                    </HBox>
                    <VBox class="sapUiSmallMarginBegin sapUiSmallMarginTopBottom">
                        <Label text="{modelProposta>proposta/siglaTipo} {modelProposta>proposta/numero}/{modelProposta>proposta/ano}" design="Bold" wrapping="true"/>
                        <Label text="{modelProposta>proposta/ementa}" wrapping="true"/>
                    </VBox>
                </HBox>
                <HBox width="25%">
                    <VBox class="sapUiSmallMarginBegin sapUiSmallMarginTopBottom">
                        <HBox alignContent="Center" alignItems="Center" class="sapUiSmallMarginBottom">
                            <Button icon="sap-icon://thumb-up" type="Accept" press="onAgreePress" class="sapUiSmallMarginBegin sapUiMediumMarginEnd roundButton"/>
                            <Button icon="sap-icon://thumb-down" type="Reject" press="onDisagreePress" class="sapUiMediumMarginEnd roundButton"/>
                            <Button icon="sap-icon://decline" press="onRemovePress" class="roundButton"/>
                        </HBox>
                        <custom:Rating id="pi-with-animation" class="sapUiSmallMarginBottom sapUiSizeCompact" percentValue="50" displayValue="50%" state="Success"
                             displayOnly="true"/>
                    </VBox>
                </HBox>
            </HBox>
        </CustomListItem>
    </List>
</ScrollContainer>

提前谢谢你

Answer 1

我按照@Marc 的建议解决了这个问题，我将控件 CustomListItem 更改为 ResponsiveTable 并将 popin 用于第三列

我的视图适用于我的桌面，但不适用于我的手机

My View works fine for my Desktop but doesn't work right for my mobile

css

xml

sapui5