Ionic 全高列表

Question

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

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

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

谢谢！

Answer 1

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

ion-item{
  height: 33vh;
}

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