我正在使用FlexSlider jQuery插件在我网站的主页上运行滑块。我选择了此滑块,因为它具有响应性。我遇到的一个大问题是我将它放在position:fixed
元素内部,这会导致响应式缩放问题。当我使浏览器窗口变宽时,幻灯片会向上扩展,非常棒。但是,当我向下缩放窗口时,幻灯片不会缩小。仅当滑块位于固定元素内时才会发生这种情况。 FlexSlider提供的演示也会出现此问题。在演示中,您需要做的只是将position:fixed
添加到<section class="slider">
元素。
是否有人对此问题的解决方法有想法?将我的容器元素更改为非固定的元素不是一种选择。
答案 0 :(得分:0)
我刚修好了。我需要设置固定元素的宽度。 width:100%
工作了。