html - 如何为移动网站修复响应式网站的高度？

Question

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

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

Answer 1

类似的东西适用于 modern browsers :

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

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

html,
body {
    height:100%;
}

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

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