Menu
So what's the lowest screen resolution, especially width, that I should consider when building a website.
599
Short answer: 320px. If you want the most remarkable outcomes, you need to measure your audience and consider how much effort you want to make your site/app work for the 0.1 percent of people below your screen-width threshold.
For example, the smallest cellphone screen size in active use is currently the iPhone 5, which comes in at 320 pixels wide.
The source doesn't say anything about 320px though. @Muz it's been likely updated since then, but in my experience, 320px still holds the ground as a good minimum threshold for low-end phones.
Smallest width qualifier Here's how other smallest width values correspond to typical screen sizes: 320dp: Typical phone screen (240x320 ldpi, 320x480 mdpi, 480x800 hdpi, etc.) 480dp: Large phone screen ~5" (480x800 mdpi) 600dp: 7” tablet (600x1024 mdpi)
Here is the link which show browser resolution statistics and trends yearwise -
Browser Display Statistics
It shows that as of 2012 -
Date Higher 1024x768 800x600 640x480 Other
2012 85% 13% 1% 0% 1%
Mobile devices with 320×480 or 480×800, I guess. But they should get a completely different layout on most sites.
Normal monitors should have at least 1024×768 nowadays, unless you want people visiting your site directly after installing Windows without video drivers yet ;)
36
Add this in header section. This automatically fit
<meta name="viewport" content="width=device-width, initial-scale=1" />
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
