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

　　首先說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）

　　而在制作響應式網站布局又不僅是要考慮手機的分辨率，同時還要考慮手機的操作系統的問題，因為不同操作系統所配的瀏覽器對網頁的解析會略有不同。

　　在我們了解了以上各種顯示終端的屏幕分辨率后，在制作布局響應式網站時才可以針對不同的顯示設備做相應的調試，以確保網站上線后能兼容各種顯示終端顯示。