时间戳

首页 > 解决方案 > flexslider 中的图像无法响应地工作

responsive - 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!

标签： responsiveflexsliderresponsive-images

解决方案

我无法完全理解。如果您提供这些类的代码，它将有所帮助。

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

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

推荐阅读