使div成为视口的高度

时间:2013-02-20 09:08:07

标签: html css html5 css3

我正在设计一个网站,我希望顶部是这样的视口的高度 website我该怎么办呢。无论我使用什么显示器,底部总是坐在我的屏幕底部?

由于

2 个答案:

答案 0 :(得分:19)

我知道这是一个老问题,但你也可以使用vh(视口高度)单位。它受到所有现代桌面浏览器的支持,在移动设备上它可能会产生一些问题,因此使用媒体查询解决它

Calendar

表示视口高度的100%。

Here是指定相对长度单位的W3C草案,在使用其中任何一个之前,请检查Internet Explorer支持,因为它不支持每个单元。

答案 1 :(得分:6)

您可以通过设置:

将分隔线设置为与窗口相同的高度
html, body { height:100%; margin:0; padding:0; }
div { height:100%; }

这个问题在这里有很多问题,最好先搜索一下。 : - )