媒體查詢用於移動設備，而不是視網膜顯示

Question

現在，我使用下面的媒體查詢，這得不錯，我的目的（移動設備）。

@media 
    only screen and (max-width : 600px), 
    only screen and (-webkit-min-device-pixel-ratio : 1.5), 
    only screen and (min-device-pixel-ratio : 1.5) 

也就是說，直到我發現，像素比實際上觸發了13" ？的MacBook瓦特/視網膜顯示器。所以，我的問題是，是否有指定另一個約束旁邊的一個方式像素比，如「1080的最大像素寬度」或類似的規定

Answer 1

您的媒體查詢有三種情況下才會執行CSS;你需要把這些結合起來，只能捕捉到手機視網膜屏幕。像這樣：

@media (max-width : 600px), and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)

這設置兩個條件其中兩個說：「高達1.5或更大的設備像素比率最大的600px的」