其他分享
首页 > 其他分享> > css - 移动web - Less

css - 移动web - Less

作者:互联网

物理像素

物理像素是屏幕设备的尺寸单位,在不同的设备中1px里可以容纳的像素颗粒是不相同的,所以1px这个单位其实也是有N个像素颗粒填充的。同一尺寸屏幕的每个像素点所能容纳的像素颗粒越多显示效果越清晰,分辨率越高。也即1个像素点所有容纳的颗粒越多,效果越好。现在的手机屏幕用肉眼已经看不到颗粒,这是由于设备支持越来越细小的像素颗粒,这些屏幕被称为retina(视网膜屏幕)。现在假设有一个1px的图片,该图片的1px容纳了1个像素颗粒,现在将该图片放进支持1px可容纳2个颗粒的屏幕中,这会将图片的那个颗粒拆分成两半放进设备的1个px里,而由于该设备的1px必须有两个颗粒才能填满,现在它的两个颗粒都没有被填满,这就会造成图片显示效果模糊。所以不是1px的图片在某个屏幕上显示时非常清楚的,那么它在另一个屏幕上就一定也清楚,清楚不清楚要看屏幕的物理像素。

像素比

像素比指的是1个px单位可以容纳的像素颗粒

分辨率

分辨率=宽*高*像素比。上图中414*736*3=914112,这个尺寸的屏幕可容纳914112个像素颗粒。pc的像素比是1,所以pc的1920*1080的分辨率则是1920*1080*1=2073600,整个pc屏幕容纳了2073600个像素颗粒。

Css - 学习总目录

标签:web,Less,像素,1px,颗粒,屏幕,容纳,css,图片
来源: https://www.cnblogs.com/myrocknroll/p/11068051.html