我正在设计一个网站，我希望顶部像这个 网站一样是视口的高度。
我该怎么做这样的事情？
无论我使用什么显示器，底部总是位于屏幕底部？
谢谢
问问题
25158 次
2 回答
39
我知道这是一个老问题，但您也可以使用 vh（视口高度）单位。所有现代桌面浏览器都支持它，在移动设备上它可能会产生一些问题，因此请使用媒体查询解决它。
div {height:100vh;}
表示视口高度的 100%。
这是一个指定相对长度单位的 W3C 草案，在您使用其中任何一个之前，请检查 Internet Explorer 支持，因为它不支持每个单位。
于 2015-06-29T10:11:20.840 回答
7
您可以通过设置将分隔线设置为与窗口相同的高度：
html, body { height:100%; margin:0; padding:0; }
div { height:100%; }
这个问题在这里被问了很多，最好先搜索一下。:-)
于 2013-02-20T09:13:11.443 回答