閱讀屋>設計> 移動端網頁設計的尺寸

移動端網頁設計的尺寸

移動端網頁設計的尺寸

  在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

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