<分区>
关闭 8 年前。
- 这个问题是由于打字错误或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。
- 要求提供代码的问题必须表现出对所解决问题的最低限度的理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist
<分区>
关闭 8 年前。
我遇到了一个问题,我决定在 style.css
的底部执行上面的所有样式
.searchMoveDown, .moveIcons{
display:visible;
}
@media (max-width: 768){
/* Hide the search and icons in the nav.*/
.searchMoveDown, .moveIcons{
display:none;
}
}
当我将屏幕缩小到小于 768 像素时,这两个类仍然可见,而我清楚地说 display: none;
更糟糕的是 chrome 看不到媒体查询。现在我决定在一个样式表中完成它,主要是因为 Bootstrap 就是这样做的,而且它看起来比获取两个样式表更干净。
我是不是遗漏了什么或者......
对我来说这些都不起作用,也许我只是疯了。
最佳答案
您的媒体查询中缺少 px。
@media (max-width: 768px){
/* Hide the search and icons in the nav.*/
.searchMoveDown, .moveIcons{
display:none;
}
}
关于html - 没有看到媒体查询? CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19847327/