一個不工作

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

正如你會在小提琴注意到，有兩個部分：推薦和客戶端。

媒體查詢關於「寬度> 768px」用於「客戶端」部分做許多事情例如它將背景色設置爲灰色陰影。這不起作用。發生了什麼問題，我如何才能使其工作？

如果這可以幫助：我是用代碼玩弄，如果我從「見證」部分刪除媒體查詢時，灰色回來。

謝謝！

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/