javascript – 响应式环球免税店

前端之家收集整理的这篇文章主要介绍了javascript – 响应式环球免税店前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试在其响应模式下使用此插件 Galleria,这基本上意味着它将根据窗口重新调整大小时的容器大小重新绘制自己.我提供的链接上的演示显示了一个非常好的例子.您可以看到,当您调整窗口大小时,整个图库会相应调整.现在我的问题是,除非为用作容器的DOM元素指定了高度,否则插件不会让我初始化库.这意味着,我必须编写大量的javascript代码来响应窗口调整大小 – 它破坏了它具有响应模式的重点 – 但在上面的网站中,我无处可寻找指定的显式高度.有人可以向我解释我哪里出错了吗?

解决方法

我自己想通了.发表我的答案 –

初始化图库时 – 以百分比形式指定高度 – 如下所示.我猜它在这种情况下需要50%的窗口高度作为其值.这样,您无需在任何地方明确指定高度,并且可以像宣传的那样工作

Galleria.run('#gallery',{responsive:true,height:0.5,debug:false});

猜你在找的JavaScript相关文章