移動端網頁設計的尺寸
- 設計
- 關注:1.17W次
在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
標籤:
網頁
- 文章版權屬於文章作者所有,轉載請註明 https://xuewengu.com/flhy/sheji/k7q0wj.html