通过简单的将元素高度设置为 100vh 即可:

header {
	height: 100vh;
	position: relative;
	background-image: linear-gradient(
		rgba(0, 0, 0, 0.6),
		rgba(0, 0, 0, 0.6)
		),
		url(hero.jpg);
	background-size: cover;
	color: #fff;
}

相关技术: 设置图片变暗遮罩