html - Ryan的Sticky Footer造成的移动浏览器错误

首先，我认为Ryan的Sticky Footer很棒。非常兼容，易于实现。如果您在http://ryanfait.com/html5-sticky-footer/之前没有看过它，就在这里

* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
height: 155px; /* '.push' must be the same height as 'footer' */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

我的问题是。我已经实现了它，并且很好用，但是在我的移动浏览器上有一个错误。使用Ryan的Sticky Footer实现后，当我向下滚动时，移动浏览器的网址栏不会自动隐藏，而是停留在那里，占用了宝贵的空间。不好。

因此，我将其范围缩小到了100％的身高。当我删除它时，移动浏览器的网址栏将隐藏。大。但是页脚并不粘。

有人遇到过吗？有解决办法吗？还是Ryan的Sticky Footer现在有缺陷:(

最佳答案

直接将人体的高度设置为100％时，它将无法再扩展到其内容的大小。改为设置最小高度。

html {
   height: 100%;
}

body {
   min-height: 100%;
}

查看此答案：Link

关于html - Ryan的Sticky Footer造成的移动浏览器错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35904778/