Chyba mobilného prehliadača s nálepkou Ryan's Sticky Footer - html, css, lepkavý päta

Po prvé, myslím, že Ryan je Sticky Footer je skvelý. Veľmi kompatibilný ľahko implementovateľný. Je to tu, ak ste ho predtým nevideli / nepočuli. 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/

*/

Moja otázka však je. Ja som ho implementoval a skvele to funguje, ale na mojom mobilnom prehliadači sa tam "sa bug. S Ryan je Sticky Footer implementovaný mobilný prehliadač url bar doesn" t auto-skryť, keď sa posúvam nadol, to jednoducho zostane tam, zaberá cenné miesto.

Takže som to zúžil na 100% výšku tela. Keď to odstránim, mobilný prehliadač url bar sa skryje. Skvelé.

Narazil na to niekto predtým? Existuje nejaká oprava? Alebo je Ryan Sticky Footer teraz chybný :(

odpovede:

Keď je výška tela nastavená na 100% priamo, už sa nemôže rozšíriť na veľkosť svojho obsahu.

html {
height: 100%;
}

body {
min-height: 100%;
}

Pozrite si túto odpoveď: odkaz