html - 媒体查询之一不起作用

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;
    }
}

正如您在 Fiddle 中注意到的那样，有两个部分:推荐和客户。

“客户”部分的“宽度 > 768px”媒体查询做了很多事情，例如它将背景颜色设置为灰色阴影。这是行不通的。出了什么问题，我怎样才能让它正常工作？

如果这有帮助:我正在研究代码，如果我从“证明”部分删除媒体查询，灰色就会恢复。

谢谢!

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

Answer 1

您缺少右括号 where max-width: 767px;

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

看这里的屏幕截图 http://jmp.sh/ZvvUK3r .这里是更新的 fiddle 。 https://jsfiddle.net/7y3x7uw0/9/