PC端有时候需要做一下页面适配不同屏幕分辨率，
一般我们可能通过百分比、flex、rem等布局实现。
对于系统一开始就没有使用rem的情况，我们一般都是用px布局高度不限制百分比\flex就够了，
但有时需要做一个全屏完整展示页面，可能内容较多，会发生溢出滚动条等现象，需要适配各种PC电脑分辨率时候。
那么我们想到使用响应式适配调整元素间距、高度等方式，但是具体适配哪些，我们不得而知。于是我就整理了下主要PC屏幕分辨率如下：
常见的浏览器屏幕大小（或称为分辨率）
因设备、屏幕尺寸和用户设置的不同而有所差异。以下是一些常见的浏览器屏幕大小（分辨率）示例：
16:9 宽高比：
- 1280×720（常用于17寸屏幕）
- 1366×768（常用于18.5寸屏幕）
- 1600×900（常用于20寸屏幕）
- 1920×1080（常用于20寸以上屏幕，特别是21.5、23、23.6、24、24.6、25、27寸屏幕）
16:10 宽高比：
- 1280×800（常用于13.3、14.1、15.4寸笔记本电脑）
- 1440×900（常用于17.1、19寸屏幕）
- 1680×1050（常用于20、21.6、22寸屏幕）
- 1920×1200（常用于22、24、25.5、27、27.5寸屏幕）
5:4 宽高比：
- 1280×1024（常用于17、19寸屏幕）
4:3 宽高比：
- 800×600（较老的屏幕尺寸）
- 1024×768（常用于17寸CRT显示器和15寸LCD显示器）
- 1280×960、1400×1050（常用于20寸屏幕）
- 1600×1200、1920×1440、2048×1536（常用于高端CRT显示器）
pc端开发建议尺寸为最低1280px，低于1280px显示横向滚动条
可能用于项目内使用设备原因，我的笔记本是比较小分辨率1366，显示器1920，也有1600的不同高度的表现不同，
但我发现1600是一个比较特殊的屏幕分辨率，高度分辨率可能小也可能大，宽度分辨率是中小屏，但高度上达到了大屏的级别，
排除1366以下的小屏适配，
因此我对于1600作为分界点做4套@media screen适配，
1336-1600以下一套，
1600W并800H以下一套,
1600W并800H以上适配一套，
还有就是1600以上屏幕。
可根据实际具体情况参考以上分辨率使用。