根据我的经验,到目前为止,像素大小是非常相关的,并且根据许多因素进行了不同的解释。我的问题是像素在html页面中是如何工作的。
例如,我们可以设置图像的宽度和高度:
<img src="lalala.jpg" width="100px;" height="100px;">
实际上100个像素是什么意思?
如何在屏幕上翻译100个像素?
如果在打印纸上,如何翻译100个像素?
更具体一点。如果我将图像大小设置为100px,那么在不同的屏幕尺寸上,它的大小是否相同?如果是这样的广告......如果我在使用不同的屏幕尺寸时打印相同的页面,它的大小是否相同?
答案 0 :(得分:3)
在HTML中,height
和width
属性的像素长度由CSS控制。在某些情况下,这些被称为“CSS pixels”。 HTML本身不提供像素应代表的定义(因此我将css标记添加到您的问题中的原因。)
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或任何软件语言将永远不会匹配物理像素大小。 要计算像素大小,您需要硬件机器语言而不是软件。