css中px如何理解

405次阅读
没有评论

css中px如何理解

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教程

神龙|纯净稳定代理IP免费测试>>>>>>>>天启|企业级代理IP免费测试>>>>>>>>IPIPGO|全球住宅代理IP免费测试

相关文章:

版权声明:JavaScript2022-12-19发表,共计521字。
新手QQ群:570568346,欢迎进群讨论 Python51学习