手機端網頁設計尺寸有哪些呢?

2023-08-12    分類: 網站建設

電腦網頁(PC端的)的設計尺寸
對大于30W臺客戶端用戶進行測試,得到的測試數(shù)據(jù)如下(數(shù)據(jù)來源于網絡):

安全分辨率為1024 X 768 px  現(xiàn)在主流的 1190 寬度 可建議大分辨率為1280 X 800 px

手機端網頁設計尺寸


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

于設計來說,選取一個合適的尺寸作為正常大小和中等屏幕密度(尺寸的選取依據(jù)打算適配的硬件,建議參考現(xiàn)主流硬件分辨率)關鍵詞優(yōu)化排名,然后向下和向上 做小、大、特大和低、高、超高的尺寸與密度。

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

新聞標題:手機端網頁設計尺寸有哪些呢?
分享URL:http://muchs.cn/news31/275131.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供自適應網站、網站導航網站制作、網站設計公司電子商務營銷型網站建設

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)