如何使我的图像一直拉伸？

Question

我正在构建我网站的主页;我希望图像（见下图）在标题下方一直拉伸。有什么方法可以做到吗？

这是我的index.pug文件代码：

extends _component/layout/layout

block super-config
    -
        var active = '/'

block awesome-content
    .img
        img(src="/asset/image/pink-computer.jpg")

这是我的style.scss文件代码：

.img {
    
}

谢谢！

Answer 1

我找到了另一种解决方法，就是说：

.img-photo {
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-image: url(/asset/image/pink-computer.jpg);
}