離子列表顯示不良的造型

Question

我有一個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> 

問題ionic是，它顯示了在某些設備上錯了造型：

當嘗試在iphone設備上，它工作正常：

我該如何解決這個問題？ list課是否有問題？

UPDATE：

<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> 

，並沒有定型的問題：我已經使用ion-list但同樣的問題

Answer 1

創建離子名單這樣試過。

更新

在此codepen似乎確定，但也許在你的情況，你必須寫具體的規則，一些平臺，檢查this link。