html物理像素,css中px是像素的意思么?

196401e9400f30fe3e90577d88da2f25.png

px全称pixel(像素),是一个虚拟长度单位,表示图片或者图形的最小单位,将像素进行组合,可以在计算机中,显示完整的图像和视频。

px像素是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是72dpi。

在CSS中,px是一个相对长度单位,是相对于屏幕显示器分辨率而言的。它是没有绝对的比值的,因为在不同的屏幕分辨率下,1px的大小也是不同的。也就是说,像素的大小是会变的。

一般情况下,分辨率比较高的像素,色板也就越丰富,越能表现颜色的真实感。

css像素单位:px

根据维基百科解释:它是图像显示的基本单元,既不是一个确定的物理量,也不是一个点或者小方块,而是一个抽象概念。很多时候,px也常被称为 CSS 像素。

像素单位被认为是许多其他单位的测量基础。实际上px是一个按角度度量的单位,即像素角度。

像素角度:1个参考像素即为从一臂之遥看解析度为96DPI的设备输出(即1英寸96点)时,1点(即1/96英寸)的视角。它并不是1/96 英寸长度,而是从一臂之遥的距离处看解析度为96DPI的设备输出一单位(即1/96英寸)时视线与水平线的夹角。通常认为常人臂长为28英寸,所以它的视角是:(1/96)in / (28in * 2 * PI)/ 360deg= 0.0213度图解如下:

9c46e606398ce84a1274b1b8de3d1c77.png

Ps:建议是电视机屏幕对角线的2.5到3倍长

px是一个绝对单位,但是由于各种设备的dpi不同,所以px也有其相对性

》在同一样的设备上,每1个 CSS 像素所代表的物理像素是可以变化的。

》在不同的设备之间,每1个 CSS 像素所代表的物理像素是可以变化的。

因此,px虽然是绝对单位,(在96dpi下 1px=1/96in),但是由于其相对性。

c2264114c004578c3a6b7fde2bb400d0.png

更多web开发知识,请查阅 HTML中文网 !!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值