移動端網頁設計的尺寸

移動端網頁設計的尺寸

　　在Window XP常見分辨率1024×768下我們除掉任務欄，瀏覽器菜單欄以及狀態欄后剩下的網頁首屏高度平均值是584。

　　在Window 7常見分辨率1440×900下我們除掉任務欄，瀏覽器菜單欄以及狀態欄后剩下的網頁首屏高度平均值是716。

　　于設計來說，選取一個合適的尺寸作為正常大小和中等屏幕密度(尺寸的選取依據打算適配的硬件，建議參考現主流硬件分辨率)，然后向下和向上 做小、大、特大和低、高、超高的尺寸與密度。

　　iPhone手機網頁的設計尺寸

　　iPhone5尺寸是640x1136px分辨率是326PPI

　　iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI

　　iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

　　安卓網頁的設計尺寸

　　320dp：一個普通的手機屏幕(240X320，320×480，480X800)

　　480dp：一個中間平板電腦像(480×800)

　　600dp：7寸平板電腦(600×1024)

　　720dp：10寸平板電腦(720×1280，800×1280)

　　ipad網頁的設計尺寸

　　iPad第三代第四代尺寸是2048x1536px分辨率是264PPI

　　iPad第一代第二代尺寸是1024x768px分辨率是132PPI

　　iPad Mini尺寸是1024x768px分辨率是163PPI

【移動端網頁設計的尺寸】相關文章：

小屏幕移動設備網頁設計需要注意的事項07-14

使用Dreamweaver制作網頁常用尺寸有哪些07-14

網頁的柵格設計思考-網頁設計教程07-14

平面設計尺寸07-13

網站優化與移動端手機網站優化的變向07-14

PC端的web前端和設計如何轉行到移動互聯網界？07-10

平面設計常用尺寸07-14

網頁設計禁忌07-14

怎樣網頁設計03-30

網頁設計報告07-31