WP即頁腳不在底部

我有一個麻煩，在諾基亞Lumia 520在ie即沒有我的頁腳在頁面的底部，但在其他iOS，Android設備一切都好。WP即頁腳不在底部

爲什麼在「移動」即我有這樣的麻煩？

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

和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

小提琴：

http://jsfiddle.net/pmp01rt4/

來源

2015-04-22 brabertaser19

我想你撥弄兩的Internet Explorer 11的仿真（按F12）和下面我的Lumia 1520（截圖）。我沒有看到它的問題。

enter image description here

不過，我建議以下，這在我的經驗更可靠地工作在移動瀏覽器：

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>

來源

2015-06-01 14:29:55

仿真...？也許重新裝置？ – brabertaser19

就像我說過的，我使用了一個真實的Lumia 1520，該截圖被採用了。我只是雙重檢查模擬_also_，因爲我手邊沒有更小的Windows Phone。它在兩者上都運行良好。你的手機是否是最新的（用ie11運行8.1）？如果我提供的代碼更好，你有沒有嘗試過？你可能會顯示手機上發生的事情的截圖嗎？ –

Ilpo的回答是正確的。對於始終位於網頁底部的頁腳，您應該使用'bottom：0px;'。 – jmcmahon443

WP即頁腳不在底部

回答

相關問題