2016-11-11 52 views
0

我想了解什麼可能是最受推薦的CSS媒體查詢來定位手機(手持設備)和平板電腦。我有下面的代碼,我想知道它是否最值得推薦的移動電話和平板電腦設備CSS媒體查詢

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (min-device-width : 768px) { 
    /*style*/ 
} 

謝謝!

+0

@nicholas感謝。沒有看到。我會參考它。 – realnsleo

回答

2

這將是有益的......

@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ } 
    @media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ } 
    @media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ } 
    @media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ } 
    @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ } 
    @media (min-width:1281px) { /* hi-res laptops and desktops */ } 
+0

啊,是的。這就是我一直在尋找的!謝謝。 – realnsleo

相關問題