作者马燕：本内容为原创，禁止转载。
一、市场上究竟有几种显示器？
据统计：
笔记本电脑共分为以下几种：
屏幕规格 分辨率 显示比例
11.6英寸 1366*768 宽屏16:9
12.2英寸 1920*1200 宽屏16:10
12.5英寸 1366*768 宽屏16:9/12.5英寸 1920*1080 宽屏16:9
13.3英寸 1920*1080 宽屏16:9/13.3英寸 3200*1800 宽屏16:9
14英寸 1366*768 宽屏16:9/14英寸 1920*1080 宽屏16:9
15.6英寸 1366*768 宽屏16:9/15.6英寸 1920*1080 宽屏16:9
17.3英寸 1920*1080 宽屏16:9
18.4英寸 1920*1080 宽屏16:9
总结：笔记本电脑的分辨率基本上分为1366*768、1920*1080
台式机共分为以下几种：
屏幕规格 分辨率 显示比例
17英寸 1280 x 1024
18.5英寸 1360*768 宽屏16:9/18.5英寸 1600*900/1366 x 768
19英寸 1280 x 1024
19.5英寸 1400*900/1600x900/1440 x 900
21.5英寸 1920*1080
22英寸 1680*1050/1920*1080
23.0英寸 1920*1080
23.6英寸 1920*1080
23.8英寸 1920x1080/2560x1440
23.75英寸 1920x1080
25英寸 2560 x 1440
27英寸 3840 x 2160
总结：台式机显示器的分辨率基本上分为1280*1024、1360*768/1366*768、1400*900、1600*900/1680*1050、1920*1080、2560*1440
因此，我们做网页的时候需要适应的分辨率大小为1280以下、1280、1360、1366、1400、1600、1680、1920这些节点等。
下面是适应的代码：