如何在离子应用程序中显示整页图像
How to dispaly full page image in ionic app
我正在使用 ionic 选项卡模板，在我的应用程序中有一个包含完整图像的页面，该图像从 json 响应中获取。
这是我的 html 代码
<ion-content class="padding">
<img src="{{img}}" alt="" class="full-image">
</ion-content>
我的问题是如何处理不同设备中的图像分辨率。
如果有人有想法请与我分享
我想在不同的设备中处理图像，我在我的控制器中这样做了：
$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}} />
我不知道这是否是最好的方法，但它确实有效！
我正在使用 ionic 选项卡模板，在我的应用程序中有一个包含完整图像的页面，该图像从 json 响应中获取。
这是我的 html 代码
<ion-content class="padding">
<img src="{{img}}" alt="" class="full-image">
</ion-content>
我的问题是如何处理不同设备中的图像分辨率。 如果有人有想法请与我分享
我想在不同的设备中处理图像，我在我的控制器中这样做了：
$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}} />
我不知道这是否是最好的方法，但它确实有效！