【问题标题】:WordPress LayerSlider not responsiveWordPress LayerSlider 没有响应
【发布时间】:2014-07-21 08:41:59
【问题描述】:

为了建立我们公司的网站Blue House,我们使用了:

Forest 主题带有一个原生滑块,但由于我们需要为我们的网站构建多个登录页面,而 Forest 主题只能让您构建一个滑块,没有任何变化,我们不得不使用第三方插件 LayerSlider,实现这一目标。

Codestag 支持团队本身向我们推荐了此解决方案,因为他们在其他主题之一中使用 LayerSlider:Crux

这是我们的问题:尽管 Forest 主题和 LayerSlider 都应该是响应式的,但我们的网站却不是,或者至少不是正确的。

这是我们调整资源管理器窗口大小时得到的结果:

与我们直接在智能手机 (iPhone) 上获得的相比,可以接受:

我们尝试过使用 CSS 和 LayerSlider 选项,但似乎没有任何效果。

我们很乐意放弃 LayerSlider 并切换到另一个解决方案,例如对页面进行硬编码。

关于如何解决这个问题的任何想法?

谢谢。

【问题讨论】:

  • 为什么不联系layerslider的作者呢?
  • 我联系了 LayerSlider 的作者,他告诉我要与 Codestag 团队核实主题是否响应(确实如此),我也这样做了:猜猜看,Codestag 团队告诉我与图层滑块作者。鸡和蛋的种类...
  • 主题是响应式的,但 layerslider 不是。每个 ls div 的宽度都为 1007px,并且不会随着屏幕尺寸的变化而变化。i.imgur.com/0eK8fS1.jpg
  • 谢谢。我正在使用 LayerSlider 的以下选项: - 全宽开/关:启用此选项以强制滑块变为全宽,即使您的主题不支持这种布局。 (为我们启用)-“值”下的响应式:在指定像素值下以全角滑块打开响应式模式。只能用于全角模式。 (对我们来说是 580) - 层容器“值”:创建一个不可见的内部容器,其具有以像素为单位的给定尺寸,以保持和居中您的层。 (我们没有)关于如何调整这些的任何建议?
  • 此时您最好的选择是反复试验。一次启用一个选项并测试响应能力。您还应该联系作者并强调支持。

标签: css wordpress responsive-design slider


【解决方案1】:

我刚刚在网站主页上遇到了与 LayerSlider 类似的问题(滑块没有响应)。滑块只有一张幻灯片。我已经通过复制幻灯片解决了这个问题,所以我建议您尝试一下(转到所有滑块,点击编辑您的幻灯片,然后点击“复制幻灯片”),看看它是否能解决问题。

也许这是某种错误,但由于某种原因,对于只有一张幻灯片的滑块与包含两张或多张幻灯片的滑块相比,LayerSlider 响应性的处理似乎有所不同。

【讨论】:

  • 这可能为我节省了几个小时。愿所有的赞成票与您同在。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-08-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多