因此，我建立了一个WooCommerce产品页面。在页面底部，有默认的WooCommerce标签，我将其标记为“概述”，“图库”等。
当我单击“图库”选项卡时，该页面上会有简码以使用WooSlider显示滑块。
问题在于WooSlider（以及大多数大多数滑块）使用页面宽度/高度来显示自身，并且由于“图库”选项卡处于关闭状态（内容隐藏），因此当您选择它时，滑块不会出现。
在选择了“画廊”选项卡的情况下调整浏览器窗口的大小时，由于该选项卡现在可见并且可以正确显示，因此它可以显示自己。
Google上有很多关于此问题的帖子，但是我无法实现任何修复，特别是因为我对jquery不那么熟练（很多解决方案都需要对WooSlider jquery进行mods处理）。
任何有经验的人都可以帮助我使它正常工作吗？
谢谢！
最佳答案
找
.wooslider.wooslider-type-posts img, body .wooslider.wooslider-type-attachments img
并添加以下样式：
.wooslider.wooslider-type-posts img,
body .wooslider.wooslider-type-attachments img{
height: auto; min-width: 100vw;
}
基本上，我们告诉WooSlider为图像获取视口的最大可用宽度，然后自动缩放高度