使div成为视口的高度

Question

我正在设计一个网站,我希望顶部成为视频的高度,就像这个 网站我怎么做那样的事情.无论我使用什么显示器,底部总是坐在我的屏幕底部？

谢谢

Answer 1

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

div {height:100vh;}

含义100%的视口高度.

这是一个指定相对长度单位的W3C草案,在使用它们之前,请检查Internet Explorer支持,因为它不支持每个单元.

Answer 2

您可以通过设置将分隔符设置为与窗口相同的高度:

html, body { height:100%; margin:0; padding:0; }
div { height:100%; }

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