Question

以下是我需要帮助的代码的一部分：

https://jsfiddle.net/amit1235813/7y3x7uw0/

@media (min-width: 768px) {
    #clients {
        background-color: #e6e6e6;
        padding-bottom: 125px;
    }   

    #client_logos img {
        max-width: 100%;
    }

    #logo_row_1:after {
      content: "";
      display: block;
      border-bottom: 2px solid #b3b3b3;
      margin: 0 100px;
    }

    #client_logos .col-sm-4:first-of-type,
    #client_logos .col-sm-4:nth-of-type(2) {
        border-right: 2px solid #b3b3b3;
    }
}

正如您在小提琴中所注意到的，有两个部分：推荐和客户。

'width＆gt;的媒体查询“客户”部分的768px'做了很多事情，例如它将背景颜色设置为灰色阴影。这不起作用。什么是错的，怎么才能让它运转起来？

如果这有帮助：我正在玩代码，如果我从'推荐'部分删除媒体查询，灰色会回来。

谢谢！

PS：请忽略您在代码中发现的任何不好笑的评论。：）

Answer 1

你错过了右括号，其中max-width：767px;

   @media (max-width: 767px) {
     .testimonial_content {
     color: white;
     padding: 75px 20px 125px 20px;
    }

查看此处的屏幕截图http://jmp.sh/ZvvUK3r。在这里更新的小提琴。 https://jsfiddle.net/7y3x7uw0/9/

其中一个媒体查询无法正常工作

1 个答案: