首页 > 技术文章 > 关与屏幕像素和css像素的理解

lmhblog 2020-04-18 18:55 原文

一、什么物理像素呢?

       物理像素就是你看到的屏幕上的小方块,一个小方块代表一个像素,当然在单位面积内的小方块越多像数越高,这就是物理像素。

二、什么是css像素呢?

       css像素其实是一个抽象的概念,并不是真实存在的东西,它是相对于物理像素的。

三、那么css像素与物理像素的关系是什么呢?为什么设备象数越高图片看到越小呢?

       比如 1pxcss像素要占2个象数块。那么在500x500的像素区类,一个200px*200px的css图片就会占400x400个物理像素,所以假如在这个区域类物理像素提高一倍变为了1000x1000像素,那么图片仍然只占400x400个象数,所以看到图片就会缩小

推荐阅读