html - 包含时，jumbotron无法正确显示

我一直在建立一个简单的网站，并意识到我已经意外地评论了<!DOCTYPE html>。当我将它包括在内时，超大屏幕正确地停止显示 - 它现在缩短到大约1/10的高度。

CSS代码：

.jumbotron {
    background-image: url("../images/up.jpg");
    background-size:cover;
    height:100%;
    width:auto;
}

将高度设置为自动不会更改任何内容。将高度设置为以像素为单位的值可以工作，但我想避免这样做，以确保它适用于所有尺寸的屏幕。

我将非常感谢您的见解！