离子 – 如何设置高度以便在所有分辨率设备中自动调整?

我的代码如下:

<ion-scroll style="height:200px;">
<ion-item  ng-repeat="items in Items" >
<!--repeat group-->
</ion-item>
</ion-scroll>

我有一个高度= 200px的滚动视图,这在小型设备上看起来不错,但是当我在大型设备上查看时,内容显得太小,因为高度为’200px’,这相对较小.那么,解决这个问题的正确方法是什么?我尝试使用高度百分比,但它没有修复.请帮助抱歉我的英语不好.

最佳答案
使用vh单位代替px.You可以设置vh值从1到100,100 vh表示全屏大小.您的代码将是:

<ion-scroll style="height:100vh;">

或者如果高度不起作用那么

<ion-scroll style="max-height:100vh;">

有用的link关于造型与vh.

转载注明原文:离子 – 如何设置高度以便在所有分辨率设备中自动调整? - 代码日志