所以我设置了一个WooCommerce产品页面。在页面底部，有一些默认的WooCommerce标签，我将其标记为“概述”，“图库”等。
当我点击图库标签时，该页面上有一个短代码，用于显示使用WooSlider的滑块。
问题是WooSlider（以及大多数滑块）使用页面宽度/高度来显示自己，并且由于图库标签已关闭（内容隐藏），当您选择它时，滑块不会出现。
当您选择了图库标签调整浏览器窗口大小时，它可以显示自己，因为标签现在可见并且它正确显示。
谷歌上有很多关于这个问题的帖子，但是我在实现任何修复方面遇到了麻烦，特别是因为我对jquery不太熟悉（很多解决方案都需要修改WooSlider jquery）。
任何有此经验的人都可以帮我解决这个问题吗？
谢谢！
答案 0 :(得分：0)
找到
.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获取imagem的视口的最大可用宽度，然后自动缩放高度