px像素是什么单位,在CSS中怎样应用的
Admin 2022-08-01 群英技术资讯 562 次浏览
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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要介绍了巧用 -webkit-box-reflect 倒影实现各类动效(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
css中,可利用“clip-path”属性实现不是直角的菱形效果,该属性可裁剪元素的显示区域,只需将元素的显示区域裁剪为菱形即可,语法为“clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);”。
css中,可利用“background-position”属性让背景图居中显示,该属性用于设置背景图的起始位置,当属性的值为“center”时,背景图会水平垂直居中显示,语法“元素{background-position:center}”。
本篇文章给大家带来了关于css的相关知识,其中主要介绍了关于css伸缩盒布局的相关问题,一个元素设置 CSS 属性 display:flex 或者 display:inline-flex ,该元素就变为伸缩容器,下面一起来看一下,希望对大家有帮助。
这篇文章主要介绍了Canvas 帧动画吃苹果小游戏,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008