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.
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
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.
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:
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.