I’m making a responsive design and want to make sure the CSS media queries are optimized for the most common device sizes. (While working with all sizes, of course.)
So, what are the most common sizes in use today?
(I actually already have an answer based on my own data, but thought others might like to see it as well.)
These data are based on more than 100,000 distinct users in May, 2024. Most users are adults in the United States. These numbers are only for mobile devices.
Width is measured using Javascript and sent back to the server when the page loads. Width is measured with respect to the user’s point of view: if a regular iPad is viewed in landscape mode, then the width is 1024; In portrait mode, it’s 768.
Each unique user, width, device type combination counts as a “hit”. A single user might, for example, count as a hit for iPad 1024, iPad 768, and Android 360.
18,000 users used only a tablet. 69,000 used only a phone. 24,000 used both.
TABLETS
Width | Device | Percentage (tablet users) |
---|---|---|
1024 | ipad | 50.1 |
768 | ipad | 30.3 |
800 | android | 3 |
1280 | android | 1.7 |
1080 | ipad | 1.2 |
602 | android | 1 |
1180 | ipad | 0.8 |
810 | ipad | 0.8 |
1366 | ipad | 0.7 |
1334 | android | 0.6 |
1194 | ipad | 0.5 |
820 | ipad | 0.4 |
753 | android | 0.4 |
834 | ipad | 0.4 |
962 | android | 0.4 |
691 | android | 0.4 |
686 | android | 0.4 |
1112 | ipad | 0.4 |
712 | android | 0.3 |
1205 | android | 0.3 |
600 | android | 0.3 |
768 | android | 0.3 |
1138 | android | 0.3 |
674 | android | 0.2 |
1024 | android | 0.2 |
320 | ipad | 0.2 |
1318 | android | 0.2 |
375 | ipad | 0.2 |
825 | android | 0.2 |
1098 | android | 0.1 |
760 | ipad | 0.1 |
1920 | android | 0.1 |
823 | android | 0.1 |
902 | android | 0.1 |
960 | android | 0.1 |
1007 | android | 0.1 |
744 | ipad | 0.1 |
1046 | ipad | 0.1 |
1143 | android | 0.1 |
1133 | ipad | 0.1 |
1317 | android | 0.1 |
640 | android | 0.1 |
860 | ipad | 0.1 |
704 | ipad | 0.1 |
1366 | android | 0.1 |
610 | android | 0.1 |
854 | android | 0.1 |
829 | android | 0.1 |
1078 | android | 0.1 |
642 | android | 0.1 |
TABLETS
Width | Device | Percentage (phone users) |
---|---|---|
375 | iphone | 56.9 |
412 | android | 9.9 |
360 | android | 8.8 |
384 | android | 5.1 |
320 | iphone | 3.2 |
390 | iphone | 1.8 |
724 | iphone | 1.5 |
414 | iphone | 1.4 |
320 | android | 1.3 |
393 | iphone | 0.9 |
393 | android | 0.8 |
430 | iphone | 0.7 |
339 | android | 0.7 |
432 | android | 0.6 |
428 | iphone | 0.6 |
376 | android | 0.4 |
448 | android | 0.3 |
730 | iphone | 0.3 |
710 | iphone | 0.2 |
667 | iphone | 0.2 |
568 | iphone | 0.2 |
486 | android | 0.2 |
345 | android | 0.2 |
388 | android | 0.2 |
1080 | android | 0.2 |
346 | android | 0.1 |
352 | android | 0.1 |
377 | android | 0.1 |
712 | iphone | 0.1 |
534 | android | 0.1 |
705 | android | 0.1 |
396 | android | 0.1 |
1082 | android | 0.1 |
485 | android | 0.1 |
749 | android | 0.1 |
424 | android | 0.1 |
806 | android | 0.1 |
699 | android | 0.1 |
732 | iphone | 0.1 |