javascript - Bx Slider 增加div的高度

Question

我正在使用 bxslider 和根据屏幕尺寸缩放高度的图像。为了让它显示所有内容，它隐藏了溢出我还想增加bx-viewport的高度我写的jquery重新调整了bx-wrapper<的高度 只有。这是下面的 jquery 和 jsfiddle 上的演示:http://jsfiddle.net/vgJ9X/838/

$( window ).resize(function() {
      width = $('.bx-wrapper').width()/3;
      width -= 14;
      var height = width+29;
      if (width > 160) {
          width = 160;
          height = 200;
      }
      box_height = height+height+(height/2);
      $('.bx-wrapper').css('height',box_height); 
      $('.bx-viewport').css('height',box_height); 

});

编辑:我的问题是为什么 $('.bx-viewport').css('height',600);当放置在调整大小函数中时无法工作但是当我在控制台中键入它时工作，我知道有一个 adaptiveHeight 但对于我的情况我有 6 张图像:3 以上 3 以下所以下面的空间与它缩放时相同我还必须计算图像的高度，对于该演示，我使用了 jsfiddle.net/vgJ9X/1 之前的现有测试，因为如果它适用于 bxslider 的一个实例，它应该适用于我的。我知道我对此很陌生，我对 jquery 的了解越来越好。不像这篇文章Bxslider Setting Height如果您查看示例 jsfiddle，当您调整浏览器大小时，我需要更改高度，您会看到底部导航选项卡随着黑点移动，因为 jquery 确实改变了高度。我还需要为内容为 bx-viewport

的 div 实现相同的功能

Answer 1

这解决了问题。

.bx-viewport {
    height: 100% !important;
 }

之所以有效，是因为它是第一个 div 的子元素，因此它“继承”了父 div 的高度。