Question

我根据this answer中的css和html设置了一个内容区域为固定宽度和可变高度的网站，水平和垂直居中。

在我测试过的所有浏览器中都能很好地工作，即使在IE（11）中也是如此。然而，页面也需要在全屏模式下工作，如果我在ie中运行它，则内容会转到左上角。

这是我的html：

＆＃ 13;

＆＃13;

div.wrapper-1 {
 display: table;
 position: absolute;
 height: 100%;
 width: 100%;
}

div.wrapper-2 {
 display: table-cell;
 vertical-align: middle;
}

div.wrapper-3 {
  margin: 0px auto;
  width: u($page-width);
}

＆＃13;

<body>
    <div class="wrapper-1">
        <div class="wrapper-2">
            <div class="wrapper-3">
            <!-- does all my content go -->
            </div>
        </div>
    </div>
</body>

＆＃13;

我还能做些什么才能全屏工作？

感谢您的帮助！

Answer 1

最后，在挖掘之后，我可以把它运行起来！

我把它添加到我的css：

html {
    width: 100%;
    height: 100%;
}

Answer 2

在你的div.wrapper2和3上设置一个位置：relative;这将保持它相对于您的div.wrapper1，并应解决该问题。这也可以在您链接的答案的第二部分找到。

IE全屏，中心内容

2 个答案: