ここ

2016-09-07 7 views
0

を動作していないメディアクエリーの一つは、私は助けを必要とするコードの一部です:ここ

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

あなたはフィドルに気付くだろうように、2つのセクションがあります。お客様の声と、クライアントは。

「クライアント」セクションの「幅> 768ピクセル」のメディアクエリでは、多くのことが行われます。背景色をグレーの陰影として設定します。これは動作していません。何がうまくいかないと私はそれを動作させることができますか?

これが役に立った場合:コードを再生していて、「評価」セクションからメディアクエリを削除すると、灰色が戻ってきます。

ありがとうございました!

PS:コード内に見つかった不愉快なコメントは無視してください。 :)

+0

メディアクエリが機能しています。あなたは白を使用しました。色を変更しようとすると、メディアクエリに応じて変更が表示されます。 –

答えて

1

あなたは閉じ括弧が欠けていました。最大幅:767px;

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

http://jmp.sh/ZvvUK3rのスクリーンショットをご覧ください。ここで更新されたフィドル。 https://jsfiddle.net/7y3x7uw0/9/

+0

ありがとう!私はいくつかの複雑なメディアクエリベースのソリューションを探していた、それは間違ったマークアップです! –