我知道我们可以在 ionic 2 中制作水平响应式内容。我想知道的是如何使页面高度响应所有类型的屏幕，例如，如果屏幕覆盖 iphone 5 上的整个区域，那么它应该覆盖整个高度 wisie iphone 7 中的区域也是？实现这一目标的最佳方法是什么？
最佳答案
正如一些人已经提到的，您可以将 vh 用于您的 css 的高度属性。这里要注意的是，即使屏幕方向保持不变，viewport 也可能会发生变化。当您在应用中放置一个 input 并获得焦点时，就会发生这种情况。移动设备的键盘在屏幕上弹出，视口(viewport)的高度发生变化，因为键盘占据了一部分。如果你的手机屏幕是 430x710(这里是一些随机数)1vh 将是 7.1px，但是当你点击一个输入并让我们说键盘是 430x300，现在 1vh 将是 4.1px (( 710 - <强300 )/100)
这可能是响应式设计的真正问题。我的建议是使用 vw，唯一可能改变它的是屏幕方向(您可以锁定它)。额外的步骤是您必须使用转换在 vw 中获得您之前在 vh 中想要的正确数字。
关于html - 如何在 ionic 2 中制作高度响应屏幕？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44936226/