前端屏幕适配

屏幕适配，一直是作为一个前端开发始终逃不掉的问题，这个话题可以追溯到最开始的PC端浏览器的不同分辨率，再到移动端不同的屏幕尺寸，一直伴随着前端工程师的日常的页面开发工作。所谓屏幕适配，可以理解为一个网页元素或者网页布局，在不同尺寸，分辨率等场景下，如何呈现最佳的效果。

造个轮子给自己看。。。
移动web必会技能–屏幕适配（物理像素CSS像素）
前端响应式布局原理与方案（详细版）
浅谈-web屏幕适配的解决方案
一个讲的比较详细的例子，可以深入学习总结一下：大屏数据可视化——屏幕适配方案(多分辨率下）

1 基本概念

1.1 常见大屏分辨率

补充：屏幕分辨率查看方法：在桌面右键，选择 “显示设置” ，在显示分辨率处查看，如下图所示。

2. 设备像素

3. CSS长度单位

待更新