WP即页脚不在底部

bra*_*r19 5 html css internet-explorer windows-phone-8

我有一个麻烦,诺基亚lumia 520,即我没有我的页脚在页面的底部,但在其他ios,Android设备都没关系.

为什么在"移动",即我有这样的麻烦?

<div class="page-wrap"> 
</div>
<footer>
</footer>
Run Code Online (Sandbox Code Playgroud)

和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
Run Code Online (Sandbox Code Playgroud)

小提琴:

http://jsfiddle.net/pmp01rt4/