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

Question

我正在构建一个响应式网站，为之构建一个适合任何移动设备（屏幕）的网站。

现在，有了断点，宽度会根据我使用/指定的断点数量调整为移动屏幕上的大小。但问题是我无法固定高度，所以要将高度调整到100%才能使用任何移动设备。我能知道我该怎么做吗？

Answer 1

类似的东西适用于现代浏览器：

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

如果你需要支持旧的浏览器，你需要这样做：

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

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