常見(jiàn)網(wǎng)站設計尺寸是多少 很多設計會(huì )迷茫的問(wèn)題

電腦網(wǎng)頁(yè)的設計尺寸

網(wǎng)站寬度是多少，不少設計師都有自己心里的尺子，這個(gè)尺碼獲取是自己的常用尺碼，也或許是從其他網(wǎng)站的參考，本文章對網(wǎng)站設計的尺寸提供基本的參考。

某統計站點(diǎn)對大于30W臺客戶(hù)端用戶(hù)進(jìn)行測試，得到的測試數據如下（數據來(lái)源于網(wǎng)絡(luò )）：

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

iPhone手機網(wǎng)頁(yè)的設計尺寸

iPhone5尺寸是640x1136px分辨率是326PPI
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

安卓網(wǎng)頁(yè)的設計尺寸

• 320dp：一個(gè)普通的手機屏幕（240X320，320×480，480X800）
• 480dp：一個(gè)中間平板電腦像（480×800）
• 600dp：7寸平板電腦（600×1024）
• 720dp：10寸平板電腦（720×1280，800×1280）

ipad網(wǎng)頁(yè)的設計尺寸

iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI