如何在离子应用程序中显示整页图像

Question

我正在使用离子标签模板＆amp;在我的应用程序中有一个页面与完整的图像，该图像得到形式json响应。

这是我的html代码

<ion-content class="padding">
    <img src="{{img}}" alt="" class="full-image">
</ion-content>

我的问题是如何处理不同设备中的图像分辨率。 如果有任何想法请与我分享

Answer 1

我想在不同设备中处理图像，我在控制器中执行此操作：

 $scope.width=$window.innerWidth*0.65;//65% of the width
//change the percentage to fit your goals

 $scope.height=$window.innerHeight*0.65; //65% of the height
//change the precentage to fit your goals

并在.html中使用它：

<img ng-src={{image.src}} height={{height}} width={{width}} />

我不知道这是不是最好的方法，但它有效！