css - Ionic 全高列表

Question

我想在 Ionic 上制作一个全高列表，该列表不是动态的，它总是有 3 个元素，但我想确保它在不同的屏幕尺寸上都是全屏的。我尝试使用 height:100%，但没有成功，我的想法是做这样的事情: http://i.stack.imgur.com/eotRc.png

也许使用列表是一种错误的方法，我在这里提供了一个列表示例的代码，其中我试图使全高:List example code

这是我需要的一个很好的例子，但这是在 jquery mobile jsfiddle.net/gu7WE/1706/上。

谢谢!

Answer 1

尝试这样设置每个列表元素的高度:

ion-item{
  height: 33vh;
}

根据我的理解，在 vh 中设置高度会为其提供一定比例的视口(viewport)。所以理论上，无论屏幕大小如何，每个列表项都应该占屏幕的三分之一左右。