1

我目前正在制作一个单页滚动垂直站点，该站点的视口锁定在 100% 高度。

我遇到的问题是，给我的设计是针对 1200x800（macbook 13"）视图计算的，但我使用的是 1920x1080（macmini）分辨率。

此外，每个屏幕中的可用高度区域受到浏览器使用的每个小部件的限制，因此 800 实际上可能是例如 638 高度（在 ipad 中更深，其中 768 浏览器高度根本不是 768）。此外，设计必须以宽度和高度为中心。对于width，我可以使用margin:0 auto，但 height 比较棘手，因为它需要将 div 设为绝对值。

到目前为止，我所做的是使一个 div 绝对并由 javascript 操作，但我想知道是否有一种纯 css 方式来做到这一点，因为 javascript 需要很多案例和多余的代码。

4

1 回答 1

0

这就是我使用的身体高度和 html 高度为 100%

<div style=" display:table;width:100%;height:100%">
    <div style="display:table-cell;vertical-align:middle;">

    </div>
</div>
于 2013-04-18T08:45:53.943 回答