似乎无法通过 Nivo Slider 中的 CSS 定位 img

Posted 2023-05-07

【中文标题】似乎无法通过 Nivo Slider 中的 CSS 定位 img

【英文标题】：Can't seem to target img via CSS within Nivo Slider

【发布时间】：2015-07-31 22:45:00

【问题描述】：

我正在改造一个旧的/现有的网站，并在此过程中创建一个移动版本。如果您在移动设备中（或通过移动开发工具模拟器）查看the site，您会看到主图像滑块 div 是响应式的，但由于某种原因，里面的图像不是响应式的，尽管目标如下：

#slider img 
    max-width: 100vw;

我觉得这与 Nivo Slider 选择（我随机推测）幻灯片并隐藏/显示它们的方式有关？对该插件没有太多经验，因此将不胜感激。

干杯。

【问题讨论】：

我从未使用过 Nivo Slider，但我看到 Slider 会生成原始图像的“片段”，并将它们动态附加到滑块的底部，这很荒谬......也许你在设置中设置了什么？

是的，“碎片”是启用某些过渡和东西。 Here is a working example 但我还没弄清楚怎么...

【参考方案1】：

很抱歉回答我自己的问题，但事实证明这是一个过时脚本的问题。我获取了最新的 Nivo Slider 脚本from GitHub，将其放入，一切正常。显然，在我拥有的脚本和最新版本 (3.2) 之间的某个时间，插件中内置了响应能力。