最小高度不适用于其他服务器。

Question

我正在为我的某个网站创建一个新页面。在布局中，第一部分必须根据屏幕大小调整内容到屏幕中间，而其他部分只能是内容高度。它在这里工作得很好：http://jilson.me/clickmeter/h4/

但是当我为另一台服务器使用相同的代码时，它无效。 http://mvc4.9nl.com/ 我确定它不依赖于服务器。但绝对是错的，我无法弄明白为什么！

以下是本节使用的HTML和CSS代码。

<div class="jumbotron vertical-center white iphone-jumbo-close first-top-section">
</div>


.vertical-center {
    min-height: 768px;
    width: 100%;
    text-align: center;
    font: 0px/0 a;
}
.vertical-center:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

请帮我解决这个问题。

Answer 1

这应该有用。

.vertical-center {
    min-height: 768px;
    width: 100%;
    text-align: center;
    font: 0px/0 a;
    height: 100%;
}