离子全高度列表

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中设置高度会为视口提供一定百分比。所以从理论上讲，无论屏幕大小如何，每个列表项应该是屏幕的三分之一左右。