html - 100vh 似乎不起作用

Question

我试图在我的网站上实现 100% 高度和宽度的标题图片，我一直在研究不同的方法来做到这一点，我遇到了“100vh”方法，但它只显示宽度的 50%我的浏览器和 100% 的高度。

http://gyazo.com/07e4861fa3300c22ce7bafc265b15421

.headercontainer{
	background: #000;
	width: 100vh;
	height: 100vh;
}

<div class="headercontainer">
</div>

我也试过 200vh，但太宽了。

Answer 1

1 vh 是高度的百分之一。

对于宽度，你想要vw:

width: 100vw;

参见 Viewport Relative Units in the MDN