移動端網頁設計的尺寸

時間:2022-07-04 06:14:28 設計

移動端網頁設計的尺寸

  在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