使用 Twitter Bootstrap 调整页面大小时更改 css 中 div 的高度

Question

searchResults我正在寻找一种方法，当我将大小调整为 时，将 div 的高度设置为 100% col-xs-12。当searchFilterdiv 缩小到时col-xs-12，我将其隐藏并将其高度设置为 20%。它下面的 div 的searchResults高度为 80%，当我调整大小时，col-xs-12我想将其高度更改为 100%。

我在我的 css 中尝试了这个，但它不起作用。

.searchResults .col-xs-12 {
    height: 100%;
}

我也尝试过

.searchResults > .col-xs-12 {
    height: 100%;
}

这是我的 html 和 css

.searchResults .col-xs-12 {
    height: 100%;
}

.searchResults > .col-xs-12 {
    height: 100%;
}

Answer 1

使用媒体查询

@media only screen and (max-width : 480px) {
    /* only size 'xs' and below */
    .searchResults {
        height: 100%;
    }
}