HTML5 - Android屏幕尺寸

时间:2012-12-19 13:22:31

标签: android jquery html5 jquery-mobile screen

我正在使用jquery mobile为Android手机(HTML 5)创建一个网络应用程序。只是想知道我的页面宽度和长度应该是什么,以便它适合所有具有不同屏幕分辨率的手机。

请帮帮我。谢谢。

2 个答案:

答案 0 :(得分:2)

看一下这篇文章:http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/。在那里,您将找到有关HTML视口元标记及其如何使用分辨率处理的所有信息。

标签示例:

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

您还希望了解css媒体语法,它将帮助您更好地为您的内容配置不同的分辨率。

然后是关于布局优化的这篇文章:http://www.slideshare.net/andreasbovens/optimizing-your-layout-for-phones-and-tablets-using-viewport-and-media-queries。这是一个很好的演示。

答案 1 :(得分:0)

使用Twitter BootStrap设计html5页面,其中定义的css将处理所有屏幕尺寸。

检查This