Is there a standard webpage resolution for mobile phones?

mobile resolution
Jim Geurts picture Jim Geurts · Mar 2, 2010 · Viewed 97.7k times · Source

Most designers use 1024x768 as a baseline for website development. That allows them to use css grid systems like 960 & blueprint to easily outline content. Is there similar baseline resolution for designing for mobile phones?

The majority of users will be using iphone, android, and blackberry phones.

Answer

NebuSoft picture NebuSoft · Mar 2, 2010

320 by 480 is the common screen resolution for new mobile devices.

iPhone Website Compatibility

Android Display Metrics

That being said if you want to support the majority of mobile devices, you may want to support multiple resolutions.

Related questions

What is the best way to detect a mobile device?

Is there a way to detect whether or not a user is using a mobile device in jQuery? Something similar to the CSS @media attribute? I would like to run a different script if the browser is on a handheld …

Read More
@Media min-width & max-width

I have this @media setup: HTML: <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS: @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @…

Read More
Media Queries: How to target desktop, tablet, and mobile?

I have been doing some research on media queries and I still don't quite understand how to target devices of certain sizes. I want to be able to target desktop, tablet and mobile. I know that there will be some …

Read More