品易云推流 关闭
文章详情页
文章 > css教程 > css中px如何理解

css中px如何理解

css px

头像

小妮浅浅

2021-07-05 17:15:314562浏览 · 0收藏 · 0评论

px像素(CSS像素)

1、px是pixel的缩写,是像素单位,也是影像显示的基本单位。

2、px是CSS中相对长度的单位,相对于屏幕显示器的分辨率而言的。

CSS像素(CSSPixel):

又称虚拟像素、设备独立像素或逻辑像素,也可理解为直觉像素。CSS像素是Web编程的概念,是指CSS样式代码中使用的逻辑像素。例如,iPhone6的CSS像素数为375x667px。

虚拟像素可以理解为直觉像素,CSS和JS使用的抽象单位,浏览器中的所有长度都是基于CSS像素,CSS像素的单位是px。

长度单位可分为绝对(absolute)单位和相对(relative)单位两类。px是设备像素(devicepixel)的相对单位。

对于相同的设备,每个CSS像素所代表的物理像素都是可以改变的(即CSS像素的第一方面的相对性);

每个CSS像素所代表的物理像素在不同的设备之间是可以改变的(即CSS像素的第二个相对性);

px实际上是pixel(像素)的缩写,它是图像显示的基本单元,既不是一定的物理量,也不是一个点或一个小方块,而是一个抽象的概念。因此在谈论像素时一定要清楚它的上下文!

以上就是css中px的理解,希望对大家有所帮助。更多css学习指路:css教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图