屏幕寬度是480px是2009年底移動Web應用程序的合法設計目標嗎？

Question

我正在研究一個將針對現代瀏覽器或最新智能手機的Web應用程序。當我看到不同的分辨率時，我看到了很多。例如：

• 分辨率480x320用於通過iPhone和 黑莓黑體9000這似乎是 一個稱爲半VGA （HVGA）標準，其具有3:2縱橫比 和一半的像素VGA。
• 480x360由黑莓 使用曲線8900，黑莓Bold 9700 和黑莓Storm 9550. 它有一個4：3的長寬比。
• 480x854由摩托羅拉 Driod使用。這似乎是歸屬於Wide VGA （WVGA）的 分辨率之一。它具有16：9的寬高比。

這告訴我，2009年末流行的智能手機正在聚合480像素的屏幕尺寸，並嘗試匹配標準寬高比。

問題是我的設計中使用480px作爲目標寬度的合理性。這個設計有什麼重大的負面影響嗎？

Answer 1

這並非不合理。我看到的主要問題是480px只是橫向的寬度，而不是（有時默認）縱向。我知道現在旋轉手機並不是什麼大問題，但這是需要思考的問題。

Answer 2

240x320是手機的新基準。對於高端設備，480是正確的寬度。

Answer 3

現代智能手機使用（一般）支持視窗meta標籤瀏覽器。

視口標籤縮放瀏覽器窗口以適應內容。這意味着你可以擴展爲小屏幕（即拉伸）或按比例縮小的有近桌面分辨率的最新平板電腦。

它看起來像這樣：

<meta name="viewport" content="width=320px" /> 

這將放大或縮小以適應設備的視口。

真正的約束是像素化 - 如果你有一個宏碁CloudMobile或三星注爲800x1280的分辨率，你會被拉伸的圖像在縱向視圖3次他們的常規比例。 （因爲文字是矢量會顯得精緻拉伸時。）

爲此，我建議使用較高的網頁的分辨率（我通常的目標是圍繞800像素）和縮小爲低分辨率設備，而不是擴大了高分辨率設備。