当前位置:  开发笔记 > 后端 > 正文

CSS中的像素(px)是多少?

如何解决《CSS中的像素(px)是多少?》经验,为你挑选了4个好方法。

我正在阅读一本ASP.NET书籍,它涉及CSS文件和有关像素的讨论.但我从未从分辨率,布局等角度理解它.例如,以下CSS文件定义意味着什么?

#header
{
    padding: 0px;
    margin: 0px;
}

bobince.. 29

这有点超出了您目前所处的位置,但CSS像素的大小不一定与显示器上的单个像素完全相同.根据规格:

如果输出设备的像素密度与典型的计算机显示器的像素密度非常不同,则用户代理应该重新缩放像素值.建议参考像素是设备上一个像素的视角,像素密度为96dpi,距离读取器的臂长.

因此,如果你有一个非常昂贵的超高分辨率显示器之一,不算"典型",浏览器和/或操作系统可能会选择重新定义"像素".

就CSS编写而言,'px'的有用定义是:'px'是长度的数量,等于未缩放的HTML 或CSS'background-image'中的像素.



1> bobince..:

这有点超出了您目前所处的位置,但CSS像素的大小不一定与显示器上的单个像素完全相同.根据规格:

如果输出设备的像素密度与典型的计算机显示器的像素密度非常不同,则用户代理应该重新缩放像素值.建议参考像素是设备上一个像素的视角,像素密度为96dpi,距离读取器的臂长.

因此,如果你有一个非常昂贵的超高分辨率显示器之一,不算"典型",浏览器和/或操作系统可能会选择重新定义"像素".

就CSS编写而言,'px'的有用定义是:'px'是长度的数量,等于未缩放的HTML 或CSS'background-image'中的像素.


谢谢bobince.这个问题需要两个答案:大多数读者感兴趣的基本解释(由CMS和其他人提供),以及解释像素是相对(非绝对)单位的技术答案,并且CSS像素不一定与设备像素.
由引号定义的像素单位是指*reference*像素,它甚至可能与CSS中的"px"单元无关.CSS 2.1已经将"1px"重新定义为始终等于"0.75pt".它还定义了在低分辨率设备(如传统显示器)上*应调整所有*绝对单位,使"1px"应该是设备像素中与参考像素最接近的倍数.所以"1cm"不再是一厘米,但它*是*"37.8px",因为这是px单位的计算方式.[链接](http://www.w3.org/TR/CSS21/syndata.html#length-units)

2> CMS..:

像素通常被认为是数字图像的最小单个分量.

图像中的像素数称为分辨率.

屏幕分辨率是屏幕可以显示的每个维度中的不同像素数.

在您发布的css片段中,您将0像素的边距和填充应用于id ="header"的元素.

http://www.functionx.com/win32/images/pixel1.gif



3> Laserallan..:

" 像素不是一个小方块 "是对像素是什么的一个很好的讨论.

它可能与您的具体问题无关,但如果其他人发现此线程与计算机图形相关的问题,这是一个很好的阅读.



4> Fritz H..:

它表示一个尺寸,以屏幕上的像素为单位.例如

width: 200px;

表示元素宽度为200像素.

像素是"PICture ELement",意思是屏幕上有一个彩色圆点,可能与这句话末尾的时期非常相似.

推荐阅读
mobiledu2402852413
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有