Ionic 3 Angular在Android和iOS上的UI不同

Question

Ionic 3 Angular在Android和iOS上的UI不同

3

我正在使用 Ionic 3 和 Angular 技术，并使用 ion-scroll 来布置一个水平可滚动区域，其中渲染了一些按钮。代码如下：

<ion-scroll scrollX="true" style="width:100vw;height:49px">
            <ion-row nowrap >
            <button *ngFor="let item of messageQueue.shortcutList" ion-button small round (click)="processShortcut(item.action)">{{item.action}}</button>
            </ion-row>
        </ion-scroll>

在IOS上看起来很完美，但是在安卓上，渲染的按钮大小是固定的，因此文本被截断。请查看截图 https://www.dropbox.com/s/0amwir62acliccn/Screenshot%202017-08-08%2015.32.21.png?dl=0

- Vik

图片似乎无法正常工作，您可以将其上传到imgur。 - Ploppy

请尝试一下，应该可以工作。 - Vik

我没有使用Ionic，但在Android上似乎禁用了overflow，也许如果你使用CSS overflow：auto启用它，则可以在iOS和Android ui上同时工作。 - Ploppy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- avilao · Accepted Answer

不确定您是否需要此功能，但如果您不想让应用程序具有每个设备的本地外观，则可以将应用程序设置为默认值。

imports: [
    IonicModule.forRoot(MyApp,{
        mode: 'md'
    })
],

在这种情况下，它默认使用材料外观。