响应式环球免税店

Question

我正在尝试在其响应模式下使用此插件Galleria,这基本上意味着当窗口重新调整大小时,它将根据其容器大小重新绘制自己.我提供的链接上的演示显示了一个非常好的例子.您可以看到,在调整窗口大小时,整个图库会相应调整.现在我的问题是,除非为用作容器的DOM元素指定了高度,否则插件不会让我初始化库.这意味着,我必须编写大量的javascript代码来响应窗口调整大小 - 它破坏了它具有响应模式的重点 - 但在上面的网站中,我无处可寻找指定的显式高度.有人可以向我解释我哪里出错了吗？

Answer 1

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

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

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