HTML5 - Android屏幕大小

Question

我正在使用jQuery手机为Android手机（HTML 5）创建一个Web应用程序。只是想知道我的宽度和页面长度应该如何，以便它适用于所有具有不同屏幕分辨率的手机。

请帮帮我。谢谢。

Answer 1

看看这篇文章：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。这是一个很棒的介绍。

Answer 2

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

检查This