2010-03-02 64 views
32

大多數設計師使用1024x768作爲網站開發的基準。這使得他們可以使用css網格系統(如960 &藍圖)輕鬆地概述內容。手機設計是否有類似的基準分辨率?手機是否有標準的網頁分辨率?

大部分用戶將使用iphone,android和blackberry手機。

+0

檢查[這個問題](http://stackoverflow.com/questions/10031266/mobile-and-desktop-screen-size-statistics) – Jens 2013-03-04 18:10:58

回答

34

320×480是新的移動設備中的公共屏幕分辨率。

iPhone Website Compatibility

Android Display Metrics

,如果你想支持大多數的移動設備雖這麼說,你可能要支持多種分辨率。

+8

這些值是最新的?兩年後? – 2012-08-31 15:24:52

+1

@OlivierPons我要*猜*不。 – Dan 2013-03-07 15:01:40

+0

由於這是最初發布的,移動世界已經爆炸,給我們提供了大量的屏幕尺寸。可以理解的是,有大量的尺寸可供構建,但是有誰知道時下最常見的*或*中值*屏幕尺寸? – 2013-04-22 19:04:55

2

,如果你使用的是Apache ApacheMobileFilter可以幫助確定實際設備的屏幕尺寸

2

可以

  1. 得到屏幕尺寸爲您計劃支持的設備,
  2. 創建說,2-3個版本的網站,並檢測用戶代理字符串和直接用戶到這些網站之一。

隨着android,iphone和blackerry設備在屏幕尺寸上沒有很大的差異。有了一個有前途的遠見和設計,你可能能夠在一個移動網站上使用所有這些手機(例如,可以公平地說,寬度將是240像素或更大,並據此設計)

但是,如果您計劃(J2ME,BREW,Symbian,WinMo和120x160,176x220屏幕尺寸等)

1

簡單地說,沒有。

很多信息在這裏。 http://www.quirksmode.org/mobile/

有太多的設備和太多不同的屏幕,以承擔共同的決議。儘管在許多設備上可以找到320 x 480,但這絕不是「普通」。您必須使用靈活的設計原則,然後使用媒體查詢或js檢測來添加課程,以將顯示調整爲適當的尺寸。這是使移動設備現在如此難以糾纏的一部分。

1

是有1024×960×800 X 768 X 640×480×360 resposive網頁設計尺寸 - 更好地去用百分比點播這個

12

This website是超級方便。各種設備及其屏幕規格的最新數據庫。

+0

你也可以使用quirktools頁面來測試網站的外觀,http://quirktools.com/screenfly/,它有一些默認的屏幕分辨率,但你也可以使用自定義的屏幕分辨率。如果你有機會在這裏用@luke發佈的設備信息來測試媒體查詢,我們可以得到一個非常乾淨的結果:) – 2014-03-12 18:01:26

+1

那麼,http://screensiz.es/網站是最新的,但似乎陷入了時間。那裏沒有新手機。 – 2015-05-25 13:21:14

1

我爲移動設備編寫遊戲。在我的代碼中,我按百分比定位所有東西,因爲它總是相同的,再加上我也使用var來調整它們有多少像素,然後設置我的分辨率以適合你可以做幾乎相同的css和幾個不同的圖像大小在您的資源中。