手机页面弹出框居中问题

一个手机端页面，有表单需要填写，比如手机号之类的，但是当提交的时候会判断手机号码的正确性，错误的话会弹出一个层。这个层要在页面的水平垂直居中。

要考虑手机上的软键盘。

---

将弹出层加样式如下：
{position:fixed;
top:50%;
right:50%;
}
可以试一下，但不知对于软键盘弹出是否适用？