制作響應式網站的常用分辨率尺寸

2017-07-22 分類：響應式網站

目前響應式網頁已經成為當下主流的建網站形式，因為現在的顯示終端越來越多樣化，哪怕你的企業在設計制作網站時為電腦和手機各制作一個網站也已無法滿足這眾多顯示終端的展示需求了。所以不管是從節省制作成本還是提升用戶瀏覽體驗度的角度出發，響應式網站都是現時企業制作網站時的選方案，而要想讓網站能實現自適應各種不同尺寸顯示終端的顯示，就得先了解一下，目前主流的顯示設備都有哪些分辨率。

首先說PC顯示器（含主流尺寸筆記本電腦）：

1024px * 768px

1280px * 800px

1366px * 768px

1440px * 900px

1600px * 900px

1920px * 1080px

2K分辨率2048×1080

4K分辨率4090×2160

其中 1024px * 768px 的分辨率正逐漸被淘汰, 而4K、2K超高分辨率的顯示器目前畢竟還沒普及，根據AdDuplex的統計數據來看，最主流的PC屏幕分辨率依然是 1366 x 768、1440 x 900 和 1920 x 1080 位居前三名。

其次是PAD類產品：

ipad1: 1024×768像素

ipad2: 1024x768像素

ipad3: 2048×1536像素

ipad4: 2048×1536像素

ipad air: 2048×1536像素

ipad air2: 2048×1536像素

ipad mini: 1024×768像素

ipad mini2: 2048×1536像素

其中ipad1、ipad2、ipad mini均已淘汰，在制作網站布局時已基本可以不再考慮這些分辨率的產品了。

最后是智能手機：

在談手機屏幕分辨率之前，我們要先了解一下手機屏幕的比例問題，也就是我們在日常使用中經常接觸到 4:3、16:9、16:10、21:9這些比值，也就是分辨率中橫向像素與豎向像素的比值。4：3是我們最初所用的分辨率尺寸比，以前的電腦屏幕幾乎都是4:3；隨后寬屏顯示器出現，16:10開始流行。

現在一些主流手機（偏舊）的分辨率為：720p（720×1280），1080p（1080×1920），2k（2560×1440）

而在響應式網站制作布局又不僅是要考慮手機的分辨

當前標題：制作響應式網站的常用分辨率尺寸
網頁路徑：http://m.kartarina.com/news/75754.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站制作、響應式網站等

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

猜你還喜歡下面的內容