普通显示器和高清显示器

通过计算devicePixelRatio值，可以区分普通显示器和高清显示器，当devicePixelRatio值等于1时（也就是最小值），那么它是普通显示屏，当devicePixelRatio值大于1时(比如1.5、2.0、3.0)，那么它是高清显示屏。

通过计算devicePixelRatio值，可以区分普通显示器和高清显示器，当devicePixelRatio值等于1时（也就是最小值），那么它是普通显示屏，当devicePixelRatio值大于1时(比如1.5、2.0、3.0)，那么它是高清显示屏。在高清显示屏中，如果位图被放大，图片就会变得模糊，因此，移动端的视觉稿通常会设计为传统PC的2倍，分辨率为640*960，高宽比为178:100。设计稿切出来的图片长宽保证为偶数，使用background-size可把图片缩小为原来的1/2。