Css px、em和ex之间有什么区别?
Css px、em和ex之间有什么区别?,css,Css,px、em和ex之间有什么区别?在CSS中定义字体大小时,使用的是px、pt还是em px、em和ex有什么区别 描述CSS中可用的这些长度单位和其他长度单位 在css中定义字体大小时,我是使用px、pt还是em 根据经验,使用屏幕上的百分比和pt进行打印 em:相关字体的字体大小 ex:相关字体的x-height px:相对于查看设备的像素 像素(px)依赖于浏览器。它是您在屏幕上看到的绝对大小 Em有点像百分比Ems指的是基本文本大小。1 em的值与100%的值的含义相同。但你也可以用相反的
px
、em
和ex
之间有什么区别?在CSS中定义字体大小时,使用的是px
、pt
还是em
px、em和ex有什么区别
描述CSS中可用的这些长度单位和其他长度单位
在css中定义字体大小时,我是使用px、pt还是em
根据经验,使用屏幕上的百分比和pt进行打印
em:相关字体的字体大小
ex:相关字体的x-height
px:相对于查看设备的像素
像素(px
)依赖于浏览器。它是您在屏幕上看到的绝对大小
Em
有点像百分比Em
s指的是基本文本大小。1 em的值
与100%
的值的含义相同。但你也可以用相反的方式说:一个百分比值就是一个em
乘以100
点(pt
)是您希望在印刷媒体中使用的点
CSS长度单位:
- 绝对值:英寸(英寸)厘米(厘米),毫米(毫米),点(点),异食癖患者(个人电脑)
点是打印机和排字机几十年来以及文字处理程序多年来使用的标准印刷测量值。传统上,每英寸有72个点(点是在广泛使用公制之前定义的)。因此,设置为12点的文本大写字母应为六分之一英寸高。例如,p{font size:18pt;}相当于p{font size:0.25in;}
Picas是另一个印刷术语。一个pica相当于12个点,这意味着每英寸有6个pica。如图所示,设置为1 pica的文本的大写字母应该是六分之一英寸高。例如,p{font size:1.5pc;}将文本设置为与点定义中的示例声明相同的大小
只有当浏览器知道显示页面的监视器、正在使用的打印机或其他可能应用的用户代理的所有详细信息时,这些单位才真正有用。在web浏览器上,显示器的显示受显示器的大小和显示器设置的分辨率的影响,作为作者,您对这些因素无能为力绝对单位在定义打印文档的样式表时更为有用,在打印文档中,通常使用英寸、点和PICA来测量内容。正如您所看到的,试图在web设计中使用绝对测量是危险的
- 相对:em(em高度),ex(e高度),px。前两个代表和“x高度”,这是常见的印刷测量;然而,在CSS中,如果您熟悉排版,它们的含义可能是您无法预料的
em:一个“em”被定义为给定字体的字体大小值。如果元素的字体大小为14像素,则该元素的1em等于14像素
ex:指所用字体中小写x的高度。因此,如果有两个段落的文本大小为24点,但每个段落使用不同的字体,则每个段落的ex值可能不同。这是因为不同的字体对x的高度不同
px:显示器中的小颜色框是像素。一般来说,如果你声明像font size:18px这样的东西,网络浏览器几乎肯定会使用显示器上的实际像素毕竟,它们已经存在了,但是对于其他显示设备,如打印机,用户代理将不得不将像素长度重新缩放到更合理的程度。换句话说,打印代码必须计算出一个像素中有多少个点,为此,它可以使用96ppi参考像素
结论
由于这种重新缩放的可能性,像素被定义为一个相对的测量单位,即使在网页设计中,它们的行为很像绝对单位
em:emem
是一种可扩展单元,用于web文档媒体。em等于当前字体大小,例如,如果文档的字体大小为12pt
,1em
等于12pt
px:像素是屏幕媒体中使用的固定大小单位(即在计算机屏幕上读取)。一个像素等于计算机屏幕上的一个点(屏幕分辨率的最小部分)
pt:点传统上用于打印媒体(任何要打印在纸上的东西等)。一点等于1/72英寸。点很像像素,因为它们是固定大小的单位,不能进行缩放。相关的和可能的重复:,。我认为这是重复的问题,你可以在这里找到相同的问题。你不是说像素依赖于屏幕吗?它们在您使用的任何浏览器上看起来都一样,但仅根据屏幕/显示设置而变化。与百分比平行是非常误导人的,因为百分比没有继承地链接到字体size@JanusTroelsen-当处理字体大小时,它是。这个答案忽略了问题的三分之一:ex
(当然,它与em
密切相关,在谈论字体大小时可能没有太大意义,但这并不是忽视它的理由)。@Jasper,我同意我查看这个答案是希望找到em
之间的区别