离子列表显示错误的样式答案

【问题标题】：ionic list shows bad styling离子列表显示错误的样式
【发布时间】：2016-07-02 01:39:44
【问题描述】：

我在ionic 中有一个list，它使用item-thumbnail-right 和item-icon-left 类

<div class="list">
     <a ng-repeat="item in vm.List track by $index"
                           class="item item-thumbnail-left item-icon-right">
     <img on-error-src="{{vm.serverPath}}/Uploads/ErrorImages/imageErrorOrg.png" ng-src="{{vm.serverPath}}{{item.ImageUrl}}">
     <h2  style="color:gray">{{ item.Name}}</h2>
     <i class="icon ion-person-stalker ionicon" style="color:lightgreen" ng-if="item.IsFollowing" ng-click="toggleFollow(item)"></i>
     </a>
</div>

问题是它在某些设备上显示错误的样式：

在 iphone 设备上试用时，效果很好：

我该如何解决这个问题？ list 类有问题吗？

更新：我尝试过使用ion-list，但同样的问题

【问题讨论】：

标签： angularjs ionic-framework styling

【解决方案1】：

我以这种方式创建离子列表：

<ion-list>
  <ion-item ng-repeat="item in items">
   <img ng-src="{{item.img}}">
   <h2>{{item.title}}</h2>
   <p>{{item.description}}</p>
  </ion-item>
</ion-list>

并且没有样式问题。

更新

在这个codepen 中似乎没问题，但也许在你的情况下你必须为某些平台编写特定的规则，检查this link。

【讨论】：