1什么是像素 pixel(picture element):组成图片的最小单元(组成数字图像的最小单元)
数字图片一般由相机照射或打印机制作
像素这个概念就会与这些硬件的联系起来
对于相机来说,有多少像素,一般指相机的感光元件上有多少个感光像素单元,另一个是这个相机可以拍出多少像素的照片
感光原件上的像素是有物理大小的(可以称为感光元件的尺寸)
一般来说,感光元件上像素单元的尺寸越大,它可捕获的光线越多,拍的图片就越清晰。
对于显示器来说,如果放大来看,会看见红绿蓝显示色块。每三个组成一个显示单元,被称之为像素
显示屏的像素作用就是为了解析数字图片的 像素可以理解为构成屏幕的发光点,像素在脱离了屏幕尺寸之后是没有大小可言的, 你可以将 1920 * 1080 颗像素放到一台 40 寸的小米电视机里面,也可以将同样多的像素全部塞到一台 5.5 寸的 iPhone7 Plus 手机里面去,那么对于 40 寸的电视而言,每个像素颗粒当然会大于 5.5 寸的手机的像素。
2什么是分辨率 对硬件显示屏来说,分辨率指屏幕上有多个少像素显示点。1080x540 指的是屏幕上的硬件像素的长宽数量。 在衡量一个硬件设备,需要考虑它的屏幕尺寸和屏幕像素结合起来看
3什么是ppi ppi指显示器上每英寸里有多少个屏幕像素。一般来说,屏幕像素越大,表示显示的就越清晰
4什么是逻辑分辨率 逻辑分辨率是软件能达到的分辨率 逻辑分辨率和屏幕上的内容是对应的 如果说物理分辨率是逻辑分辨率的3倍,那这个3称之为屏幕密度。大多数为3,少部分为2。就是我们通常所说的3倍屏,2倍屏 。目前市场上大多为3位屏幕,小数为2位屏 【一般来说,屏幕密度越大,显示就越清晰,因为物理像素越多】
同样的图片,用3位屏去显示,就会更清晰
软件在逻辑像素上告诉图片的显示区域,同时分别用3位或2倍的图片去填充,使得在不同的手机下得到相同的显示效果。
5如果逻辑分辨率改变了,如何动态布局 iponex:逻辑像素: 375x812pt ipone11 pro plus: 414x896pt 需要软件 等比缩放到 屏幕密度相同, 但逻辑分辨率更大的手机屏幕上 这时需要引入相对概念 rem,vw,vh 通过将屏幕分成若干个网格,定义网格的px. 用网格数来标识 尺寸和位置就能更好地适配不同屏幕的手机