javascript - 整个图像未显示在网页的标题部分

Question

我有一张图片，我想在网页的标题部分看到它。但是，只显示了部分图像，我希望看到整个图像。

这是显示图片的代码

<div class="container">
    <div class="row" >
        <div class="col-sm-12" style="background: url('image1.jpg'); color: white;">
            <center>
                <h1>Sonic Train</h1>
            </center>
            <center>Train machine learning models at Sonic speed...</center>
        </div>
    </div>

它可以在行动中看到here

整个图像如下所示，但是只能看到图像的一部分。

Answer 1

您可以使用 css height 属性来增加 div 高度，就像评论中提到的@Rory McCrossan div 比图像的小，例如:

<div class="col-sm-12" style="background:url('image1.jpg');color:white; height: 500px;">

希望这对您有所帮助。