px
,em
和ex
之间有什么区别?当您在CSS中定义font-size时,是使用px
,pt
还是em
?
答案 0 :(得分:33)
em :相关字体的
font-size
ex :相关字体的x-height
px :相对于查看设备的像素
答案 1 :(得分:23)
px
)取决于浏览器。它是您在屏幕上看到的绝对大小。Em
有点像百分比。 Em
指的是基本文字大小。 1 em
的值与100 percent
的值相同。但你也可以用相反的方式说出来:百分比值只是em
乘以100。pt
)是您希望在印刷媒体中使用的。答案 2 :(得分:11)
px,em和ex有什么区别?
http://www.w3.org/TR/CSS21/syndata.html#length-units描述了CSS中可用的那些和其他长度单位
当您在css中定义font-size时,我会使用px,pt还是em?
根据经验,在屏幕上使用百分比,使用pt进行打印。
答案 3 :(得分:9)
CSS长度单位:
积分是打印机和排版机构数十年来使用的标准印刷测量,以及多年来的文字处理程序。传统上,有72个点到一英寸(在广泛使用度量系统之前定义了点)。因此,设置为12点的大写字母应为六分之一英寸高。例如,p {font-size:18pt;}相当于p {font-size:0.25in;}。
Picas 是另一个印刷术语。异食癖相当于12个点,这意味着有6个皮卡到1英寸。如图所示,设置为1 pica的大写字母应为六分之一英寸高。例如,p {font-size:1.5pc;}会将文本设置为与点定义中的示例声明相同的大小。
仅当浏览器知道显示页面的显示器的所有详细信息,您正在使用的打印机或其他可能适用的其他用户代理时,这些单元才非常有用。在Web浏览器上,显示受显示器大小和显示器所处的分辨率的影响,作者可以对这些因素做出的贡献不大。 绝对单位在定义打印文档的样式表时非常有用,其中以英寸,点和皮卡为单位进行测量很常见。正如您所见,尝试在网页设计中使用绝对测量充其量是危险的。
em :一个“em”被定义为给定字体的 font-size 的值。如果元素的字体大小是14像素,那么对于该元素,1em等于14像素。
ex :指的是所用字体中小写x 的高度。因此,如果您有两个段落,其中文本大小为24磅,但每个段落使用不同的字体,则每个段落的ex值可能不同。这是因为不同的字体对于x
具有不同的高度px :显示器中的小盒子颜色是像素。一般来说,如果你声明像 font-size:18px 这样的东西,那么网页浏览器几乎肯定会使用显示器上的实际像素,它们已经存在但是与其他显示设备一样,如打印机,用户代理必须将像素长度重新缩放为更明智的。换句话说,打印代码必须弄清楚像素中有多少个点,为此,它可以使用96ppi参考像素。
<强>结论强>
由于这种重新缩放的可能性,像素被定义为相对测量单位,即使在网页设计中,它们的行为与绝对单位非常相似。
答案 4 :(得分:1)
em :em
是一个可扩展的单元,用于Web文档媒体。 em等于当前的字体大小,例如,如果文档的字体大小为12pt
,1em
等于12pt
。
px :像素是屏幕媒体中使用的固定大小的单位(即要在计算机屏幕上阅读)。一个像素等于计算机屏幕上的一个点(屏幕分辨率的最小分度)。
pt :传统上在打印介质中使用点(任何要在纸上打印的内容等)。一点等于1/72英寸。点与像素非常相似,因为它们是固定大小的单位,不能缩放。