目標手機

Question

我想要的目標使用CSS媒體查詢這樣的移動設備：

@media (min--moz-device-pixel-ratio: 1.5), 
     (-o-min-device-pixel-ratio: 3/2), 
     (-webkit-min-device-pixel-ratio: 1.5), 
     (min-resolution: 1.5dppx) { 

    /* your retina rules here */ 
} 

什麼是對手機進行正確的設置。假設我想避免將目標鎖定到平板電腦和更大的屏幕，並且只鎖定手機？

Answer 1

報價從這個answer：

min-width: 320px // smartphones, iPhone, portrait 480x320 phones 
min-width: 481px // portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. 
min-width: 641px // portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 and 854x480 phones 
min-width: 961px // tablet, landscape iPad, lo-res laptops ands desktops 
min-width: 1025px // big landscape tablets, laptops, and desktops 
min-width: 1281px // hi-res laptops and desktops