设备像素（device pixels）和css像素区别

html-css019

设备像素（device pixels）和css像素区别,第1张

设备像素等于dpr值*css像素。一般来说。现在的手机登设备都是高清频幕。也就是每个点内有两个或多个像素。也就是设备像素。

获取css像素的方法估计你知道。

获取dpr值的方法window.devicePixelRatio,要是你用谷歌浏览器的话。就可以看到它给提供的不同型号手机的dpr值。

希望对你有帮助。望采纳

关于设备像素比的知识，想必大家开发过移动端的都有所了解。如有不懂请参考 设备像素比devicePixelRatio简单介绍

一般普通图在的1920*1080，是很正常的，但是如果放在的2k或者4K屏幕里面，背景图就是模糊掉，为什么呢？

在不同的屏幕上(普通屏幕 vs retina屏幕)，css像素所呈现的大小(物理尺寸)是一致的，不同的是1个css像素所对应的物理像素个数是不一致的。

在普通屏幕下，1个css像素 对应 1个物理像素(1:1)。

在retina 屏幕下，1个css像素对应 4个物理像素(1:4)。

http://www.cnblogs.com/zaoa/p/8630393.html