【发布时间】：2016-12-18 00:18:49
【问题描述】：
我正在华为 G535 上测试我的应用程序，但布局错位且按钮无法点击。我正在使用离子 2。 我在我的模拟器和浏览器上测试了这个，一切都很好。 我没有其他手机可以测试它，但如果我的手机出现问题，我认为它也会影响其他手机。
Android 信息（如果有帮助）
- 分辨率：540 x 960
- 安卓版本：4.3
- Emotion UI 版本：EmotionaUI 2.0 Lite
- 基带版本：100131
我的页面代码。
<ion-header>
<ion-navbar color="primary">
<ion-title>
Title
</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<ion-list no-lines>
<ion-item *ngFor="let item of items | async">
<ion-avatar item-left>
<img src="{{item.image}}"/>
</ion-avatar>
<h1>{{item.title}}</h1>
<button ion-button clear item-right large (click)="showItem(item)">
<ion-icon name="arrow-dropright"></ion-icon>
</button>
</ion-item>
</ion-list>
</ion-content>
环顾四周后，我发现问题可能是过时的离子版本。 所以我将我的 ionic 应用程序更新到最新版本。我现在可以使用该按钮导航到华为手机上的另一个页面。但是按钮和位置仍然是错误的。列表在手机左侧显示为压缩列表，导航栏中的标题没有边距。 当我到达另一个页面时，后退箭头按钮位于导航栏标题上方，链接按钮不起作用。
如您所见，它与此处显示的不一样 http://ionicframework.com/docs/v2/components/#thumbnail-list
对可能出现的问题有什么建议吗？ 非常感谢
更新 我创建了一个新的 ionic 2，并且只将 home.html 文件更改为一个列表。但结果是一样的。 我没有收到任何控制台错误。它似乎是离子应用程序的填充和边距。
【问题讨论】：
-
显而易见的问题..您尝试使用 ion-thumbnail 而不是 ion-avatar？
-
是的，刚刚尝试了 ion-thumbnail，没有任何改变。我认为它不仅仅是离子 DOM，因为导航栏也不合适，没有边距。
标签： android angular ionic-framework ionic2 huawei-mobile-services