媒体查询在 bootstrap 移动模式下不工作

Question

我在我的 bootstrap website 中有一个媒体查询

@media (max-width: 688px) {
    .carousel-item>img {
        max-height: 175px !important;
    }
}

它以前有效。但是现在好像不行了。你知道吗？

Answer 1

class 和 img 标签之间有一个锚标签。所以我需要使用如下，

@media (max-width: 688px) {
    .carousel-item > a img {
        max-height: 175px !important;
    }
}

请注意从 img 到 a img 的变化。