html - 如何定义像素?

时间:2015-01-09 11:09:31

标签: html css pixel definition

根据我的经验,到目前为止,像素大小是非常相关的,并且根据许多因素进行了不同的解释。我的问题是像素在html页面中是如何工作的。

例如,我们可以设置图像的宽度和高度:

<img src="lalala.jpg" width="100px;" height="100px;">

实际上100个像素是什么意思? 如何在屏幕上翻译100个像素?
如果在打印纸上,如何翻译100个像素?

更具体一点。如果我将图像大小设置为100px,那么在不同的屏幕尺寸上,它的大小是否相同?如果是这样的广告......如果我在使用不同的屏幕尺寸时打印相同的页面,它的大小是否相同?

2 个答案:

答案 0 :(得分:3)

在HTML中,heightwidth属性的像素长度由CSS控制。在某些情况下,这些被称为“CSS pixels”。 HTML本身不提供像素应代表的定义(因此我将标记添加到您的问题中的原因。)

CSS本身有自己的Units and Values documentation,它在Absolute Lengths的部分中定义了Pixel:

  

5.2。绝对长度:'cm','mm','in','pt','pc','px'单位

     

绝对长度单位相对于彼此固定并锚定到某些物理测量。它们主要在输出环境已知时有用。绝对单位由物理单位(in,cm,mm,pt,pc)和px单位组成:

     
unit    definition
----    ----------
‘cm’    centimeters
‘mm’    millimeters
‘in’    inches; 1in is equal to 2.54cm
‘px’    pixels; 1px is equal to 1/96th of 1in
‘pt’    points; 1pt is equal to 1/72nd of 1in
‘pc’    picas; 1pc is equal to 12pt

100像素大约等于1.041in,其本身大约等于2.65cm。

我不打算回答你所提出的关于不同显示器和打印的进一步问题,因为这会让我的答案变得非常漫长而沉闷。如果你想自己找出这些答案,一个好的起点就在我已经链接过的同一个文件中,详细介绍了Reference Pixel。 CSS中的值基于96dpi的值(这意味着如果您使用标尺测量像素密度为96dpi的显示器上96像素将等于1英寸)。

答案 1 :(得分:0)

因为每个屏幕都有不同的像素大小HTML / CSS或任何软件语言将永远不会匹配物理像素大小。 要计算像素大小,您需要硬件机器语言而不是软件。