我正在使用 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
overflow:auto
启用它,则可以在iOS和Android ui上同时工作。 - Ploppy