WP dh Fußzeile ist nicht an der Unterseite

Question

Ich habe ein Problem, auf Nokia Lumia 520 in dh ich hatte nicht meine Fußzeile am Ende der Seite, aber auf anderen iOS, Android-Geräte ist alles in Ordnung.

Warum in "Mobile" dh ich habe solche Probleme?

<div class="page-wrap"> 
</div> 
<footer> 
</footer> 

und CSS:

html, body{ 
    height: 100%; 
    min-height: 100%; 
} 

.page-wrap{ 
    min-height: 100%; 
    margin-bottom: -70px; 
    overflow: auto; 
    background: green; 
} 

.page-wrap:after{ 
    content: ""; 
    display: block; 
} 

footer{ 
    width: 100%; 
    height: 50px; 
    padding: 20px 0 0 0; 
    background: #577abd; 
} 

@-ms-viewport{width:auto!important;height:320px!important} //or even without this line 

Geige:

http://jsfiddle.net/pmp01rt4/

Answer 1

ich Ihre Geige sowohl mit Internet Explorer 11-Emulation (drücken Sie F12) versucht und auf meine Lumia 1520 (Abbildung unten). Ich sehe kein Problem damit.

Allerdings würde ich folgendes vorschlagen, die meiner Erfahrung zuverlässiger auf mobilen Browsern funktioniert:

article{ 
 
    position:fixed; 
 
    top:0; 
 
    left:0; 
 
    height:calc(100vh - 50px); 
 
    width:100vw; 
 
    background: green; 
 
} 
 

 
footer{ 
 
    position:fixed; 
 
    bottom:0; 
 
    left:0; 
 
    width: 100vw; 
 
    height: 50px; 
 
    padding: 20px 0 0 0; 
 
    background: #577abd; 
 
}

<article></article> 
 
<footer></footer>