html - 100vh似乎不起作用

我正在尝试在网站上实现100％的高度和宽度标题图片，并且我一直在研究各种方法来实现此目的，并且遇到了“ 100vh”方法，但是该方法仅以浏览器宽度的50％显示和100％的高度。

http://gyazo.com/07e4861fa3300c22ce7bafc265b15421

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

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

我也尝试过200vh，那太宽了。

最佳答案

1 vh是高度的百分之一。

对于宽度，您需要vw：

width: 100vw;

见Viewport Relative Units in the MDN

关于html - 100vh似乎不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30061282/