我知道我们可以在离子2中制作水平响应内容。我想知道的是如何使页面高度响应所有类型的屏幕，例如，如果屏幕覆盖iphone 5上的整个区域，那么它应覆盖整个高度wisie iPhone 7中的区域也是？什么是实现这一目标的最佳方法？
答案 0 :(得分：1)
正如一些人已经提到的，你可以使用vh作为你的CSS的height属性。这里的问题是即使屏幕方向保持不变，viewport也可能会发生变化。当您在应用中放置input并获得焦点时会发生这种情况。移动设备的键盘弹出屏幕，视口的高度发生变化，因为键盘占用了它的一部分。如果你的手机屏幕 430x710 （这里有一些随机数） 1vh 会 7.1px ，但当你点击一个输入时我会说键盘 430x300 ，现在 1vh 将 4.1px （（ 710 - < strong> 300 ）/ 100）
这可能是响应式设计的真正问题。我的建议是使用 vw ，唯一可能改变它的是屏幕方向（你可以锁定它）。额外的步骤是你必须使用转换来获得之前在 vh 中想要的 vw 中的正确数字。
答案 1 :(得分：0)
我希望我能正确理解你的问题，你想让页面高度与查看设备的高度相同吗？
好吧，我来介绍一下......
视口高度（或vh）
一个vh等于视口高度的1％。所以，你可以想象，100vh将等于视口高度的100％！视口基本上是页面的视图。但是要注意，在Internet Explorer 8或更早版本中不支持vh单元。
答案 2 :(得分：0)
我希望您能通过以下参数正确地做出响应。
vw：1/100 视口宽度
vh：1 / 100th 视口高度
vmin：最小边的1/100
vmax：最大边的1/100
实际上，vh是基于viewporot进行响应的完美解决方案。视口是浏览器呈现网站的区域。这是您的屏幕减去浏览器镶边的保留空间。有时您希望根据该视口调整元素的大小，例如侧边栏。这可以使用我们熟悉的单位来完成：百分比。