Skip to content

Dear Internet Explorer user: Your browser is no longer supported

Please switch to a modern browser such as Microsoft Edge, Mozilla Firefox or Google Chrome to view this website's content.

Smartphone screen dimensions for Responsive Web Design

A list of screen dimensions of popular mobile devices, to aid in the development of responsive websites.

When developing Responsive websites, code needs to be written in such a way that design elements work well on desktop and mobile devices with a wide range of viewports.

A good workflow involves testing any website in the five major browsers (Internet Explorer, Firefox, Chrome, Opera and Safari), but testing for a litany of mobile devices is more challenging. Whilst I use the Responsive Design View included in Firefox (Ctrl + Shift + M), one of my challenges has been in accurately emulating the dimensions of specific mobile devices.

To remedy this, I have created this list of pixel dimensions for a number of popular mobile devices. With these figures in hand, one can set the dimensions of any particular device into Firefox’s Responsive Design View to see how a website would display for users of that device.

These dimensions can then be saved as ‘presets’, available for quick use in the future.

Don’t forget that whilst Firefox’s Responsive Design View is good, it doesn’t substitute for testing in other browsers and emulators or indeed, actual devices.



2 responses to “Smartphone screen dimensions for Responsive Web Design”

On 24 January 2014, Raymond Murray wrote: Hyperlink chain icon

Thanks for the list. Would it also pay to list the DPI for each device? Some of the resolutions are similar enough to normal desktop resolutions that it will cause the layout to “squeeze up”.
By adding in DPI, developers can get a better idea of the physical size of the device.


On 31 May 2014, Dan wrote: Hyperlink chain icon

Great list, thank you.


Have Your Say

The following HTML is permitted:
<a href="" title=""> <b> <blockquote cite=""> <code> <em> <i> <q cite=""> <strike> <strong>

Comments will be published subject to the Editorial Policy.