flexslider 中的图像无法响应

问题描述

如果能得到一些帮助，我将不胜感激。我对 HTML 的理解非常有限，正在尝试使用 HTML/css 自定义此网页模板。我的主要问题是，当我按照文档支持中提供的说明将 flexslider 添加到模板中时，我添加到模板中的图像没有响应。以下是将图片添加到滑块的说明：

    <div class="slides">
        <div class="flex-slide">

            [...]

        </div>
        <div class="flex-slide">

            [...]

        </div>
        <div class="flex-slide">

            [...]

        </div>
    </div>
</div>```

The section in which I am trying to add the images has the following code:

```<section class="section pt-180 pb-180 sm-pt-90 sm-pb-90">
            <div class="overlay">
                            <div class="overlay-wrapper parallax-wrapper">```

I apologise in advance if this a completely dumb dee dee dum dum question,but I am completely out of my depth here and any advice/help would be gratefully received.

Thank you in advance and Merry Christmas!

解决方法

完全看不懂。如果您提供这些类的代码会有所帮助。

您可以尝试为图像设置填充并为这些图像设置最小/最大高度和宽度。您还可以通过调整其视口来使页面具有响应性。

如果您使用 flexbox，此链接可以帮助您了解属性 (https://www.w3schools.com/css/css3_flexbox.asp)。

responsive responsive-images