行動裝置網頁解析度不同於PC/平板,如果以目前主流解析度來分類,主要區分如下:
iphone : 320x480
ipad : 1024x768
andorid : 行動裝置規格太多所以有一大堆解析度,針對手機跟平板各自有各自的解析度列表.
MOBILE :
240x320
240x400
240x432
320x480
360x640
480x800
480x854
540x960
640x960
1280x720
1280x800
TABLET PC:
800x400
800x600
1024x600
1366x768
blackberry : 也很亂不少size,沒實際使用過不確定寬高可不可以利用旋轉互換,畢竟它有鍵盤應該不好轉.
160x160
240X160
240x240
240x260
240x320,320x240
324x352
480x320
480x360,360x480
480x400
360x400
在規格這麼多的情況下,網頁設計一般是以iphone的解析度(320x480)當標準來開發(可以滿足約9成的比例)就可以.網頁設計時,可透過meta定義來避免整個網頁被手機瀏覽器自動縮放功能縮到太小,而是改用手機指定解析度來瀏覽網頁(或者因為設計給320x480解析度時,直接320px):
沒有留言:
張貼留言