今朝响应式网页已经成为当下主流的建网站情势，因为如今的显示终端越来越多样化，哪怕你的企业在设计制造网站时为电脑和手机各制造一个网站也已无法知足这浩瀚显示终端的展现需求了。所以不管是从节俭制造成本照样晋升用户阅读体验度的角度动身，响应式网站都是现时企业制造网站时的首选计划，而要想让网站能实现自顺应各类分歧尺寸显示终端的显示，就得先懂得一下，今朝主流的显示装备都有哪些分辩率。

起首说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: 1024×768像素

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）

而在响应式网站制造结构又不仅是要斟酌手机的分辩