离子 - 如何设置<离子滚动>高度,以便在所有分辨率设备中自动调整？

Question

我的代码如下:

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

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

Answer 1

使用vh单位代替.px您可以设置vh1到100之间的值,100 vh表示全屏大小.您的代码将是:

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

或者如果height不起作用的话

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

关于造型的有用链接vh.