如何使此图像正确显示？

Question

所以，我想让这张图完整的展现出来。到目前为止，这是我的代码：

Link: https://summit.tahaparacha1.repl.co/

HTML:

        <div class="header">
        <h1>Learn Mathmatics In Minutes!</h1>
        <h3>Increase your knowledge with Summit! Summit allows you discover the endless possiblities you probably thought never exsisted. Start learning for free at your own pace now, or scroll down to see what we offer.</h3>

        <a class="grow "href="#">Start Learning</a>
    </div>

CSS:

.header {
    background-image: url("images/SummitHome1.jpg");
    width: 100%;
    height: 100vh;
}

Answer 1

听起来您正在寻找 background-size property。

虽然我不确定我是否足够了解您的愿望，但无法确定您想要哪个选项。 cover 或 contain ?

如何使此图像正确显示？

How do I make this image show properly?

html

css

web