制造响应式网站的常用 辨别率尺寸

目前响应式网页已经成为当下主流的建网站情势，因为当初的显示终端越来越多样化，哪怕你的企业在设计制造网站时为电脑跟手机各制造一个网站也已无奈 满意这众多显示终端的展示须要了。所以不管是从节俭制造本钱还是晋升用户浏览闭会度的角度出发，响应式网站都是现时企业制造网站时的 首选打算，而要想让网站能实现自适应各种不同尺寸显示终端的显示，就得先懂得一下，目前主流的显示设备都有哪些辨别率。

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

而在响应式网站制造布局又不仅是要考虑手机的辨别