jquery - CSS Issue - Jquery Lightbox size resized when clicking next/previous button

Question

Good day guys. I just want to ask some idea from pros here about the next/previous-transition (resized) issue with a jquery lightbox plugin.

Original look when an image is loaded:

The resized look when next/previous arrow is clicked:

I suspect that I made some css modification with the plugin's default styles when im still customizing the look of the like box.

---

I used the latest Wordpress Jquery Lightbox(Latest version plugin)

The site is available in: http://204.197.252.143/~themainr/

The jquery lighbox is in the middle part of the page. One of the links(underlined) will open the popup box:

---

Q: I just wanna ask if what is the best CSS work around for this issue that the responsive part of the lightbox will not be affected.

Answer 1

哦，我自己想出了一个问题的答案，但我不知道这是否是最好的解决方案。

我做了什么，我在 style.css 中添加了 css 规则：

#outerImageContainer {
    min-height: 470px !important;
}

但是当网站调整为较小的视图或在移动设备中查看时，我仍然需要调整最小高度。