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

我正在寻找一种方法，当我调整到

col-xs-12

时，将div

搜索结果的高度设置为100%。当
searchFilter
div缩小到
col-xs-12
I将其隐藏，其高度设置为20%。下面的div
searchResults
的高度为80%，当我将其调整为
col-xs-12
时，我想将其高度更改为100%

我在css中尝试了这个，但没有成功

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

我也试过了

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

这是我的html和css


.searchFilter{
身高：20%；
}
.搜索结果{
身高：80%；
}
.searchResults.col-xs-12{
身高：100%；
}

@*边栏*@
@*身体内容*@
你好
@*这里遗漏了一些内容*@
使用

好了，你需要看的是。。。在每个断点处使用here is媒体查询

对要更改的每个大小使用媒体查询

只需像这样使用您的类搜索过滤器

@media (max-width: 768px) { 
.searchFilter {
height: 100%;
}
}

看看这篇关于媒体查询的文章

添加到此处：

这里有一个实用的供您查看。

只需调整窗口大小，即可看到媒体断点处的高度变化。

注：我使用的是vh而不是%，因为我不知道您在这里也使用的是什么父级大小

请尝试重新表述您的问题，因为我已经读了两遍，但没有理解。您的
搜索结果
div的父级容器是否设置了
高度？如果没有，你的百分比身高就不行了。我想试试你的问题，但我现在没有时间。但下面是我关于在CSS中使用百分比高度的快速解释。也许它会给我们一些启示。祝你好运我从未使用过媒体查询，但如果我想在div非常小时将高度设置为100%，我不想在上面的示例中将高度设置为100%，而不是20吗？我尝试将其插入到我的样式部分，但找不到@media。我需要包括一些东西吗？您好，您是将其添加到css文件还是html页面中的？如果在你的html页面中，你把代码放在了
之间，我会看看等我有时间的时候，我是否可以在上面添加一个Fiddle链接。试试小提琴，调整窗口大小。希望这对你有帮助。
@media (max-width: 768px) { 
.searchFilter {
height: 100%;
}
}