Html 如何为移动网站确定响应网站的高度?

Html 如何为移动网站确定响应网站的高度?,html,css,responsive-design,frontend,mobile-website,Html,Css,Responsive Design,Frontend,Mobile Website,我正在建设一个响应迅速的网站,为此我正在建设一个适合任何移动设备(屏幕)的网站 现在,根据我使用/指定的断点数量,使用断点时,宽度将调整为某某移动屏幕。但问题是我无法固定高度,因此要将高度调整到100%以适用于任何移动设备。我能知道我该怎么做吗?类似的东西适用于: 如果需要支持较旧的浏览器,则需要执行以下操作: html, body { height:100%; } #wrapping-div { height:auto!important; min-height:10

我正在建设一个响应迅速的网站,为此我正在建设一个适合任何移动设备(屏幕)的网站


现在,根据我使用/指定的断点数量,使用断点时,宽度将调整为某某移动屏幕。但问题是我无法固定高度,因此要将高度调整到100%以适用于任何移动设备。我能知道我该怎么做吗?

类似的东西适用于:

如果需要支持较旧的浏览器,则需要执行以下操作:

html,
body {
    height:100%;
}

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

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

谢谢您的回复,尝试了一个带有#包装div的版本,但仅对div不起作用。您能提供比“它不起作用”更详细的解释吗?“没什么可讲的了。”普兰特思维:这就是我刚才说的JS桥。现在,第一部分的高度为像素872px,其余部分的高度为900px。现在,因为这是在像素,它是固定的。但是这个高度(部分的底部)应该适合任何屏幕。如果你需要更多的解释,请告诉我。所以我完全误解了你关于想要100%身高的说法,我明白你的意思。假设
vh
的使用将不起作用(因为您之前已经放弃了它,即使它会提供您想要的内容),您应该使用JS将“wrap all”容器的高度设置为显式高度,那么所有子页面都将简单地设置为
高度:100%
,甚至
高度:inherit
。我为yaOkay得到的最好的,以前没有这样做过,但会在网上寻找,谢谢。
html,
body {
    height:100%;
}

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