Jquery 可变高度画廊

我正在尝试使用Galleria图像插件。它工作正常，我可以通过参数将高度设置为0.66，高度将为宽度的66%，这是响应性的

问题是，缩略图也包含在这个高度中，在手机上观看时，拇指不会变小，因此图像的高度会逐渐变小，而不再是66

我的问题是，如何使图像保持比例（不考虑缩略图的高度）或（我想这更容易实现）：如何在旋转平板电脑或手机时动态设置高度比例（即在浏览器上调整大小）。使用小屏幕尺寸时，我希望保持1:1的比例，因为相对于主图像，拇指开始变大），在480px宽度之后，我希望比例为1:0.66

在galleria初始化并刷新galleria大小后，是否有任何方法更改高度参数？我知道有一个refresh（）参数，但我不确定如何动态更改高度比参数。

您可以使用它来检测屏幕大小以及更改图像的宽度和高度

@media only screen /* Portrait IPhone 6+*/
and (min-device-width: 414px) and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { 
    img {
        width:100%;
        height:100%;
    }
}

@media only screen /*Landscape IPhone 6+*/
and (min-device-width: 414px) and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 
    img {
        width:100%;
        height:50%;
    }
}

---

您可以使用CSS轻松实现。你能分享你的工作实例吗？请看：我可以做到，但如果我把手机换成横向或平板电脑换成横向，那就不行了。一家画廊被初始化了，高度的变化再也不能控制它了。