: Which screen resolution should I target for modern mobile phones? Possible Duplicate: Building for different screen sizes I am developing a site which needs to work on mobiles as

@Murphy175

For most modern mobile browsers site designs based on a 960 pixel grid will work fine. You may want to allow for a generous margin though, making the effective size about 800 pixels. There are some devices, such as early iPhones, that won't work quite as well at this size but you said you wanted to primarily support modern/current mobile browsers.

Also remember that most people doing mobile browsing will pivot to a landscape orientation when view standard websites. For content heavy sites, you may find more success with tablet users by going with a single column and using a magazine like layout (they love this).

Another key thing to remember is that mobile users love pinch-zoom functionality and dislike dropdown menus and collapsible regions.

Vote Up Vote Down

@Goswami781

I would say 320px sounds about right for Smartphones, with iPads jumping up to 768px.

Vote Up Vote Down