Ionic - 如何设置 高度,以便它在所有分辨率设备中自动调整?

2024-02-12

我的代码如下:

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

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


Use vh单位而不是px.您可以设置vh值从 1 到 100,100 vh 表示全屏尺寸。您的代码将是:

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

or if height那么不起作用

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

Usefull link http://snook.ca/archives/html_and_css/vm-vh-units关于造型vh.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Ionic - 如何设置 高度,以便它在所有分辨率设备中自动调整? 的相关文章

随机推荐