【发布时间】:2014-07-21 08:41:59
【问题描述】:
为了建立我们公司的网站Blue House,我们使用了:
- WordPress
- Forest Codestag 的主题
- LayerSlider插件
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