关于js的屏幕分辨率适配

1、设计分辨率 UI画的分辨率
2、显示器分辨率 硬件的分辨率，不一定和大小正相关
3、操作系统的控件大小伸缩：操作系统会在默认屏幕分辨率的基础上，做大小的伸缩，操作系统提供的控件会做伸缩的自适应：分辨率变大时，字体和控件会等比例放大
4、浏览器比如chrome的伸缩：改变html的内容的大小（分辨率）
5、显示效果：默认js不做任何自适应的时候（位置和大小都是固定像素值），os放大控件大小时，os的控件都放大了，chrome全屏时自己做了自适应，保证不会超出屏幕。html的渲染区域变大了，html里面的字体放大了，相对位置变大了，但是屏幕分辨率不变，所以导致部分内容会超出屏幕范围，需要左右拖拽来显示。浏览器放大：也会导致html相同的变化。
缩小时：内容和位置等比例缩小，可能会大面积留白

6、建议适配效果：以设计分辨率为基准，保证放大的不是很多时，不会导致超出屏幕或换行