Home » Featured » Resolutions For Creating Media Queries

Resolutions For Creating Media Queries

We got to ease our way for developing responsive websites as much as we can since there are many devices out there with different screen resolution.

Here is a table for you, to easy create media queries and optimize websites for different devices.

feat

Resolution Graphic Array Device using this resolution
320 x 240 QVGA Blackberry Curve
Samsung Tocco
HTC Wildfire
Nokia E71
Very common low res
400 x 240 WQVGA Many generic feature phones including:
Samsung Star & Star II
480 x 320 HVGA Apple iPhone 3G & 3GS
Apple iPod touch (1st, 2nd & 3rd generation)
BlackBerry Bold 9000
Samsung Galaxy Ace
LG Optimus One
HTC Desire C
480 x 360 / BlackBerry Curve, Storm, Torch 9800 & Bold incl. 9700
Sony Ericsson Vivaz
640 x 360 nHD Nokia N8, N97, E7 and X6 amongst others
640 x 480 VGA Blackberry Bold 9900 & Torch 9810
800 x 480 WVGA Samsung Galaxy I, II and S Samsung Nexus S
HTC Desire, Desire HD, Desire S & Desire X
HTC Evo HTC Sensation XL
HTC One V
BlackBerry Torch 9860
Blackberry Storm 3
Nokia Lumia 800 & 900
Viewsonic Viewpad 7
LG Optimus 2X & 3D
854 x 480 FWVGA Sony Ericsson Xperia Arc, Arc S, X10, J & U
Nokia N9
Motorola Milestone and Milestone 2
Sony Xperia J
960 x 540 qHD HTC Sensation HTC Evo 3D
Motorola Bionic, Atrix & Droid RAZR
Motorola RAZR i & Photon Q
HTC One S
960 x 640 DVGA Apple iPhone 4 & 4S
Apple iPod Touch (4th generation)
1136 x 640 / Apple iPhone 5
Apple iPod Touch (5th generation)
1024 x 600 WSVGA Standard netbook/tablet resolution includes:
Amazon Kindle Fire
Blackberry Playbook
Viewsonic Viewpad 10
Samsung Galaxy Tab
1024 x 768 XGA Apple iPad 1& 2
HP TouchPad
Apple iPad Mini
1280 x 720 HD/WXGA Samsung Galaxy Nexus
Sony Xperia S
High resolution netbooks such as Acer Aspire One 522
Samsung Galaxy S III
Samsung Galaxy Note II
Motorola DROID RAZR HD & MAXX HD
HTC Windows Phone 8X & 8S
HTC One X & X+ & XL
1280 x 768 WXGA Samsung Galaxy Tab 10.1
Nexus 4
Nokia Lumia 920
LG Optimus G & LG Optimus 4X HD
1280 x 800 WXGA Samsung Galaxy Tab 7.1 & 8.9
Samsung Galaxy Note
ASUS Eee Pad Transformer & Transformer Prime
Sony Tablet S
Motorola Zoom
Nexus 7
Kindle Fire HD
1280 x 1024 SXGA Standard 4:3 desktop screen resolution
1366 x 768 WXGA 11.6 inch Apple Macbook Air
ASUS Eee PC VX6 Lambourghini
Samsung N350
Small 16:9 desktop/laptop screen resolution
Microsoft Surface with Windows RT
Samsung Series 3 Chromebook
1440 x 900 WXGA+ 13.3 inch Apple Macbook Air
Medium 16:10 desktop/laptop screen resolution
17-inch Apple iMac 4,1 / 5,2 (Early 2006 – Late 2006)
Barnes & Noble NOOK HD
1600 x 900 HD+ 13 inch Apple Macbook Air
Medium 16:10 desktop/laptop screen resolution
1600 x 1200 UXGA Large 4:3 desktop screen resolution
1680 x 1050 WSXGA+ 20-inch Apple iMac 4,1 / 5,1 / 7,1 / 8,1 / 9,1 (Early 2006 – Early 2009)
1920 x 1080 FHD Large 16:9 desktop screen resolution
21.5-inch Apple iMac 10,1 / 11,2 / 12,1 (Late 2009 – Mid 2011)
Microsoft Surface with Windows 8 Pro
1920 x 1200 WUXGA 24-inch Apple iMac 6,1 / 7,1 / 8,1 / 9,1(Late 2006 – Early 2009)
Asus Transformer Pad Infinity
2048 x 1536 QXGA Apple iPad 3
2560 x 1440 (W)QHD 27-inch Apple iMac 10,2 / 11,1 / 11,3 / 12,2 (Late 2009 – 2012)
2560 x 1600 WQXGA 13-inch Apple MacBook Pro with Retina display
Nexus 10
2880 x 1800 / 15-inch Apple MacBook Pro with Retina display

Resource From: spirelightmedia.com

Tags :
Uzabila

About Uzabila

Web Design, WordPress developer & enthusiast. Co-Founder of CreativeVerse.com

Leave a Reply

Your email address will not be published. Required fields are marked *

*

If you are not a robot - solve an example: * Time limit is exhausted. Please reload the CAPTCHA.

Scroll To Top