Css 如何降低基础5中灯箱的转盘高度？

不幸的是，我找不到一个已经回答过的关于这个主题的问题。尚未提出相关问题：

我试图降低基础5中的透明灯箱的缩略图转盘的高度，以便为顶部的显示画面腾出更多的空间。我在CSS样式表中使用CSS而不是SCSS来覆盖CSS基础设置。

Zurb关于清除灯箱的相关文档说明了以下SCSS变量（）：

使用普通CSS代码，这应转化为以下内容，以将高度降低到100px：

.clearing-assembled .clearing-container .carousel {
height: 100px;}

不幸的是，这不会改变旋转木马的高度

---

我会感谢你在这方面的帮助。谢谢。

看起来您需要按如下方式设置css才能正常工作。您可能需要调整数字

@media only screen and (min-width: 40.063em) {
   .clearing-assembled .clearing-container .visible-img {
       height: 92%;
   }

   .clearing-assembled .clearing-container .carousel > ul li {
       width: 50px;
   }

   .clearing-assembled .clearing-container .carousel {
       width: 50px;
   }

}

---

这可以很好地降低旋转木马的高度。但是，顶部显示的图片（935×568像素）不能以较小的分辨率完全显示。有没有一种方法可以在所有分辨率下始终强制执行完全显示？很难说不知道发生了什么。有什么地方我能看到吗？

@media only screen and (min-width: 40.063em) {
   .clearing-assembled .clearing-container .visible-img {
       height: 92%;
   }

   .clearing-assembled .clearing-container .carousel > ul li {
       width: 50px;
   }

   .clearing-assembled .clearing-container .carousel {
       width: 50px;
   }

}