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