如何为移动网站的响应式网站固定高度？答案

【问题标题】：How to fix height for a responsive website for mobile website?如何为移动网站的响应式网站固定高度？
【发布时间】：2015-03-25 18:01:27
【问题描述】：

正在构建一个响应式网站，为此正在构建它以适应任何移动设备（屏幕）。

现在，有了断点，宽度会根据我使用/指定的断点数量调整为某某移动屏幕。但问题是无法固定高度，因此将高度调整到任何移动设备的 100%。请问我该怎么做？

【问题讨论】：

【解决方案1】：

这样的东西适用于modern browsers：

html,
body {
    height:auto!important;
    min-height:100vh;
}

如果您需要支持旧版浏览器，则需要执行以下操作：

html,
body {
    height:100%;
}

#wrapping-div {
    height:auto!important;
    min-height:100%;
}

这就足够了，但请注意在这种情况下需要一个包装 div。

【讨论】：

感谢您的回复，尝试了带有#wrapping-div 的那个，但仅对div 不起作用。
你能提供比“它不起作用”更详细的解释吗？没有太多事情要做。
@PlantTheldea：这是我正在谈论的 jsfiddle。 jsfiddle.net/s5o148ot 现在第一部分的高度为 872 像素，其余部分的高度为 900 像素。现在因为这是像素，所以它是固定的。但是这个高度（该部分的底部）应该适合任何屏幕。如果您需要更多解释，请告诉我。
所以我完全误解了你关于想要 100% 身高的说法，我明白你在这里的目的。假设使用 vh 将不起作用（因为您之前已将其关闭，即使它会为您提供您想要的东西），您应该使用 JS 将“全部包装”容器的高度设置为显式高度，然后所有子页面都将简单地设置为height:100%，甚至height:inherit。我为你得到的最好的
好的，之前没做过，不过还是在网上找一下，谢谢。