Html 绝对中心登录表单隐藏引导3

我正在创建一个登录表单，并尝试将容器置于中心（水平和垂直）

它可以在桌面和大屏幕平板电脑上完美地工作——登录容器完美地位于中心，背景图像也能正常显示

但是在手机上，在纵向视图中背景图片不可见，在横向视图中，我无法向下滚动以填写登录表单，因为它被切断

我试过摆弄大小设置，但它仍然不想工作！下面是Bootply示例：

---

是的，固定位置的-50%上边距很奇怪

我会这样做的

div.container {
 height: 100px;
 margin: auto;
 position: absolute;
 width: 100px;
 top: 0; left: 0; bottom: 0; right: 0;
}