px像素是什么单位,在CSS中怎样应用的
Admin 2022-08-01 群英技术资讯 378 次浏览
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(像素)的缩写,它是图像显示的基本单元,既不是一定的物理量,也不是一个点或一个小方块,而是一个抽象的概念。因此在谈论像素时一定要清楚它的上下文!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要介绍了CSS导航条菜单之带小三角形的实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了前端页面弹框遮罩禁止页面滚动,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
这篇文章主要介绍了原生 JS+CSS+HTML 实现时序图的方法,本文通过实例代码图文介绍的非常详细,需要的朋友可以参考下
正如positioniseverything,本文将主要讲述关于position的理解,力求让您看完本文后对position有着最全面的认识。position的四个属性值:relativeabsolutefixedstatic下面分别讲述这四个属性。代码如下复制代码<divid="parent"><divid="sub1">sub1</id><divid="sub2">sub2</id></div>1.relativerelative属性相对比较简单, ...
flex-grow指扩展flex子项所占据的宽度,扩展的空间就是除去元素外剩余的空白间隙。不支持负值,默认值是0,表示不占用剩余的空白间隙扩展自己的宽度。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008