.gallery-slider .owl-item.center img {
  height: 700px !important;
}

<代码><；节类=“图库”>；<；DIV类=“包装器”>；<；DIV类=“内容”>；<；DIV类=“ gallery-block ”>；<；DIV类=“插头”>；<；/DIV>；<；DIV类=“标题栏”>；<；DIV类=“前额”>；Frispes图库<；/DIV>；<；H3>；身临其境的美丽<；br>；联合办公空间画廊<；/H3>；<；/DIV>；<；/DIV>；<；/DIV>；<；/DIV>；<；DIV Class=“ gallery-slider owl-carousel ”>；<；DIV类=“ gal-slide ”>；<；IMG SRC=“ IMG/gal-1.JPG ” alt=“ 1 ”>；<；/DIV>；<；DIV类=“ gal-slide ”>；<；IMG SRC=“ IMG/gal-2.JPG ” alt=“ 2 ”>；<；/DIV>；<；DIV类=“ gal-slide ”>；<；IMG SRC=“ IMG/gal-3.JPG ” alt=“ 3 ”>；<；/DIV>；<；DIV类=“ gal-slide ”>；<；IMG SRC=“ IMG/gal-4.JPG ” alt=“ 4 ”>；<；/DIV>；<；DIV类=“ gal-slide ”>；<；IMG SRC=“ IMG/gal-5.JPG ” alt=“ 4 ”>；<；/DIV>；<；DIV类=“ gal-slide ”>；<；IMG SRC=“ IMG/gal-6.JPG ” alt=“ 4 ”>；<；/DIV>；<；/DIV>；<；/部分>；

顺晟科技：

如果你加上这个，它就会这样做。

<section class="gallery">
        <div class="wrapper">
            <div class="content">
                <div class="gallery-block">
                    <div class="plug"></div>
                    <div class="title-block">
                        <div class="forehead">Frispes gallery</div>
                        <h3>Immersive beautiful<br>co-working space gallery</h3>
                    </div>
                </div>
                
            </div>
        </div>
        <div class="gallery-slider owl-carousel">
            <div class="gal-slide">
                <img src="img/gal-1.jpg" alt="1">
            </div>
            <div class="gal-slide">
                <img src="img/gal-2.jpg" alt="2">
            </div>
            <div class="gal-slide">
                <img src="img/gal-3.jpg" alt="3">
            </div>
            <div class="gal-slide">
                <img src="img/gal-4.jpg" alt="4">
            </div>
            <div class="gal-slide">
                <img src="img/gal-5.jpg" alt="4">
            </div>
            <div class="gal-slide">
                <img src="img/gal-6.jpg" alt="4">
            </div>
        </div>
    </section>

所以你的CSS将变成：

padding-top: 100%;
position: relative;

这是可行的，因为幻灯片的宽度等于它们的高度（当不是当前幻灯片时），并且填充总是根据X轴而不是Y轴。因此，这段代码将图像向上移动700px，然后由于填充而向下移动正常高度。

然而，有几点。图像失真，这在狭窄的视口上非常明显——人们看起来“被拉伸”了。此外，该网站是无响应的-也许这在您的用例中并不重要，但如果它确实尝试以相对单位而不是绝对单位（如px）工作。