媒體查詢之一不起作用

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

如您在小提琴中所注意到的，有兩個部分：推薦和客戶。

媒體查詢“客戶端”部分的“寬度> 768像素”可做很多事情，例如，將背景顏色設置為灰色陰影。 這是行不通的。 發生了什么問題，如何使它正常工作？

如果這樣做有幫助：我正在處理代碼，並且如果從“推薦”部分中刪除了媒體查詢，則灰色會重新顯示。

謝謝！

PS：請忽略您在代碼中發現的任何不尋常的注釋。 :)

Answer 1

您缺少右括號，其中最大寬度：767px；

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

看看這里的屏幕截圖http://jmp.sh/ZvvUK3r 。 和這里更新的小提琴。 https://jsfiddle.net/7y3x7uw0/9/