html - 交替翻译垂直居中的元素

Question

我做了一个responsive login form使用 CSS3 translate 但我发现旧手机存在问题。有什么替代 CSS3 翻译的方法吗？我只想垂直居中。

.loginPage-wrap{
   padding: 10px;
   position: absolute;
   bottom: 0;
   -ms-transform:translate(-50%);
   -webkit-transform: translate(-50%);
   transform: translate(-50%);
   left: 50%;
   width: 92%;
   box-sizing:border-box;
}

Fiddle Demo

Answer 1

下面的代码行得通吗？

.loginPage-wrap {
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left:-46%;
    width: 92%;
    box-sizing:border-box;
}

DEMO 让我知道它是否有效。