2016-08-12 13 views
0

こんにちは私は特定の幅と他の幅のメディアクエリに関する質問があります。メディアクエリを使用して特定のピクセル幅をターゲットにする方法

画面の幅を768ピクセルにし、他の幅を対象にしません。今、私は

@media (max-width:769px) and (min-width:768px) { 
    /* my css */ 
}​ 

を使用しています、それをターゲットにこれが正常に動作しているが、うまくいきませんし、その下に私の他のメディアクエリを妨げています。例えば私が行くとき:

@media (max-width:769px) and (min-width:768px) { 
    /* my css */ 
}​ 

@media (max-width:600px) { 
    /* this css will not work */ 
}​ 

が、私はそれがこれだけ分の幅を使用せずに、768pxの幅を対象とするどのような方法がある分、幅とは何かである強い気持ちを持っていますか?

ありがとうございます!

+0

たぶん最初と高い1秒下の画面サイズを試してみてください。 –

+0

この問題の唯一の解決策ですか?私はそれ以下のCSSは動作しないため、常にcssの最下部にある最小幅のメディアクエリーを持っていたいとは思わない。それは私の組織と混乱しますが、他の方法がない場合、私はそのルートに行かなければなりません。お返事をありがとうございます。 –

+1

@media(最小幅:768ピクセル)と(最大幅:769ピクセル)を試してみてください。基本的には、最小の第1および最大秒を使用します。 –

答えて

0

あなたのコードが間違って..ですのみuはmax-widthを使用することができた後、まずmin-widthを使用..

@media (min-width:768px) and (max-width:769px) { 
 
    /* my css */ 
 
} 
 

 
@media (max-width:992px) 
 
    { 
 
    /* my css */ 
 
    }

関連する問題