2016-08-12 40 views
0

您好,我有關於特定寬度的媒體查詢的問題,而沒有其他寬度。如何使用媒體查詢定位特定像素寬度

我想定位768px的屏幕寬度,沒有其他寬度。現在的目標是我使用

@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

也許嘗試屏幕尺寸下第一和較高的一秒鐘。 –

+0

,但這是唯一的解決方案,這個問題?我不希望有最小寬度的媒體查詢總是在CSS的最底部,因爲它下面的任何CSS將無法正常工作。它攪亂了我的組織,但如果沒有其他方法,我將不得不走這條路。感謝您的答覆。 –

+1

也許嘗試@media(最小寬度:768px)和(最大寬度:769px),但是在你之前的同一個位置。基本上使用分鐘第一和最大秒。 –

回答

0

你的代碼是錯誤的。首先使用min-width後才ü可以用max-width ..

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

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