Account services

Designing for smartphone devices

Screen dimensions

A major part of mobile application design is to fit your content on the small screen. This table shows the physical characteristics of the phone you are using via Javascript.

Screen widthNot determined
Screen heightNot determined
Pixel ratioNot determined
OrientationNot determined
User agentNot determined

Note that on Android, the width and height are not reliable. They are dependent on where you came from. I.e. If you were looking at a normal webpage before, then the screen width was set to 800px, and this is reported when you arrive to this page. Additionally, if you refresh the page, the space used for the navigation bar is subtracted from the height.

URI schemes

Mobile phones support several new schemes other than http:, mailto: etc. Here is some examples you can click on to test support in your phone.