CSS 媒体查询在断点处未按预期工作

Question

CSS 在 768px 处设置了一个断点。当低于或超过断点时，对象将相应地拉伸。恰好在 768 像素处，某些对象不会拉伸。那个怎么样？查看 here 初始滑块下方的第一行：在 768 像素处，图片不会拉伸以填充可用宽度。

Answer 1

您的查询不一致。

当 max-width: 767px 不是 768px 时 panel-grid-cell 的 padding-left 设置为 0。

// custom-style.css:30164 (when un-minified)
@media (max-width: 767px) {
    .thim-welcome-university>.panel-grid-cell:nth-child(2) {
        padding-left: 0!important;
    } 
}

将其修改为 768px :)

CSS 媒体查询在断点处未按预期工作

CSS media query not working as expected at breakpoint

html

css

media-queries