CODEWITHSUNDEEP
androidjqueryhtmljquery-mobilescreen
Ashwin
Ashwin

Reputation: 473

HTML5 - Android Screen Size

I am creating a web app for android phones(HTML 5) using jquery mobile. Just want to know what should be my width and length of the page so that it will fit in all phones with different screen resolutions.

Please help me. Thank you.

Upvotes: 3

Views: 1931

Answers (2)

Gajotres
Gajotres

Reputation: 57309

Take a look at this article: http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/. There you will find everything about HTML viewport meta tag and how it is used resolution handling.

Tag example:

<meta name="viewport" content="width=device-width, height=device-height">

You would also want to look at css media syntax, it will help you to better suite your content do different resolutions.

Then there's this article about layout optimization : http://www.slideshare.net/andreasbovens/optimizing-your-layout-for-phones-and-tablets-using-viewport-and-media-queries. It is an excellent presentation.

Upvotes: 2

Abhishek Sabbarwal
Abhishek Sabbarwal

Reputation: 3808

Use Twitter BootStrap to design your html5 pages and the css defined in it will take care of all the screen sizes.

Check This

Upvotes: 0

Related Questions