Target a specific device
Targetting a specific device is a bad practice. You'll never know what devices are coincidentally targeted by your query. Just use your queries to specify some breakpoints and avoid using media queries to target a device.
But... There will probably be cases where your design looks perfect on all mobile devices, except on the device of your boss. Then, and only then use the following list!
Only tested on the most used browser!
Each browser uses different settings, so a query for Galaxy S2 on Chrome doesn't work on Opera or Firefox Mobile.
For Apple devices, I've used Safari. For Android devices I've used Chrome.
Targets
| Device | Device width | Device height | Pixel ratio |
|---|---|---|---|
| HTC One | 360 | 640 | 3 |
| Samsung Galaxy S2 | 320 | 534 | 1.5 |
| Samsung Galaxy S3 | 320 | 640 | 2 |
| Samsung Galaxy S4 | 320 | 640 | 3 |
| Samsung Galaxy S5 | 360 | 640 | 3 |
| LG Nexus 4 | 384 | 592 | 2 |
| LG Nexus 5 | 360 | 592 | 3 |
| Asus Nexus 7 | 601 | 906 | 1.33 |
| iPad 1 and 2 | 768 | 1024 | 1 |
| iPad Mini | 768 | 1024 | 1 |
| iPad 3 and 4 | 768 | 1024 | 2 |
| iPhone 3G | 320 | 480 | 1 |
| iPhone 4 | 320 | 480 | 2 |
| iPhone 5 | 320 | 568 | 2 |
| iPhone 6 | 375 | 667 | 2 |
| iPhone 6 Plus | 414 | 736 | 3 |
| Huawei Ascend P6 | 360 | 592 | 2 |
| Huawei Ascend P7 | 360 | 592 | 3 |
| OnePlus One | 360 | 640 | 3 |
Your device not in this list? Let me know!