Image got cut-off in iOS emulator

@zhouhaowowtv wrote:

Here is the result in my browser (no problem):

屏幕快照 2016-03-08 下午6.48.26.png1384x1236 1.56 MB

And in my iOS emulator (non-rectangle image cut off):

屏幕快照 2016-03-08 下午6.48.41.png920x1154 1.01 MB

My html:

<ion-view >
  <ion-content overflow-scroll="false">
    <div class="padding">
      <div class="row sharing-row" ng-repeat="photo in photos" ng-if="$index % 2 === 0">
        <div class="col col-50 wrapper" ng-if="$index < photos.length" ng-click="sharingDetails({{photo}})">
          <img class="sharing-photo" ng-src="{{photo.thumbnail._url}}" />
          <div class="photo-description">
            <span class="description-title"><strong>{{photo.nickname}} </strong>
              <!-- <i class="ion-android-textsms right"></i> -->
            </span>
            <p class="description-content">{{photo.description}}</p>
          </div>
        </div>
        <div class="col col-50 wrapper" ng-if="$index + 1 < photos.length" ng-click="sharingDetails({{photos[$index+1]}})">
          <img class="sharing-photo" ng-src="{{photos[$index+1].thumbnail._url}}" />
          <div class="photo-description">
            <span class="description-title"><strong>{{photos[$index+1].nickname}}   </strong>
              <!-- <i class="ion-android-textsms right"></i> -->
            </span>
            <p class="description-content">{{photos[$index+1].description}}</p>
          </div>
        </div>
      </div>
    </div>
  </ion-content>

  <div class="float-bottom">
    <div class="row">
      <button class="button button-clear button-block col col-50 right" ng-click="camera()">
        <img class="bottom-button" src="img/camera-button.png" alt="">
      </button>
      <button class="button button-clear button-block col col-50 left" ng-click="gallery()">
        <img class="bottom-button" src="img/gallery-button.png" alt="">
      </button>
    </div>
  </div>
</ion-view>

My CSS:

.float-bottom {
   position: absolute;
   bottom: 15px; width: 100%;
   z-index: 2147483647;
}

It seems most of the non-rectangle images got problems. I don't know why. Can anybody help? Thanks.

Posts: 1

Participants: 1

Read full topic