jquery之画廊可变高度

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

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

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

有没有办法在Galleria初始化后改变高度参数并刷新Galleria大小？我知道有一个刷新()参数，但我不知道如何动态更改高度比参数。

请您参考如下方法:

您可以使用CSS media queries检测屏幕尺寸并更改图像的宽度和高度。

@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%; 
    } 
}