px,em和ex之间有什么区别？

Question

有什么区别px,em和ex？当你在CSS中定义font-size时,你会使用px,pt还是em？

Answer 1

em:font-size相关字体的
ex:相对于查看设备x-height的相关字体
px:pixels的

Answer 2

1. Pixels(px)依赖于浏览器.它是您在屏幕上看到的绝对大小.
2. Em有点像百分比.Ems指的是基本文本大小.值的1 em含义与值相同100 percent.但你也可以用相反的方式说出来:百分比值只是em乘以100.
3. Points(pt)是您想要在打印介质中使用的.

Answer 3

有什么区别px,em和ex？

http://www.w3.org/TR/CSS21/syndata.html#length-units描述CSS中可用的那些和其他长度单位

当您在css中定义font-size时,我会使用px,pt还是em？

根据经验,在屏幕上使用百分比,使用pt进行打印.

Answer 4

CSS长度单位:

• 绝对:英寸(in),厘米(cm),毫米(mm),点(pt),picas(pc)

积分是打印机和排版机已经使用了几十年的标准印刷测量,并且是多年来的文字处理程序.传统上,有72个点到一英寸(在广泛使用度量系统之前定义了点).因此,设置为12点的大写字母应为六分之一英寸高.例如,p {font-size:18pt;}等同于p {font-size:0.25in;}.

皮卡斯是另一个印刷术语.异食癖相当于12个点,这意味着有6个皮卡到1英寸.如图所示,设置为1 pica的大写字母应为六分之一英寸高.例如,p {font-size:1.5pc;}会将文本设置为与点定义中的示例声明相同的大小.

仅当浏览器知道显示页面的显示器的所有详细信息,您正在使用的打印机或其他可能适用的其他用户代理时,这些单元才非常有用.在Web浏览器上,显示受显示器大小和显示器所处的分辨率的影响,作者可以对这些因素做出的贡献不大.绝对单位在为印刷文档定义样式表时更有用,其中以英寸,点和皮卡为单位测量的东西很常见.正如您所见,尝试在网页设计中使用绝对测量充其量是危险的.

• 相对:em(em-height),ex(e-height),px.前两个代表和"x高度",这是常见的印刷测量; 但是,在CSS中,如果您熟悉排版,它们具有您可能没有想到的含义.

em:一个"em"被定义为给定字体的font-size值.如果元素的字体大小为14像素,则对于该元素,1em等于14像素.

ex:指使用的字体中小写x的高度.因此,如果您有两个段落,其中文本大小为24磅,但每个段落使用不同的字体,则每个段落的ex值可能不同.这是因为不同的字体对x具有不同的高度

px:显示器中的小盒子颜色是像素.一般来说,如果你声明像font-size:18px这样的东西,那么网页浏览器几乎肯定会使用显示器上的实际像素,它们已经存在,但是对于其他显示设备,如打印机,用户代理将不得不重新缩放像素长度更合理.换句话说,打印代码必须弄清楚像素中有多少个点,为此,它可以使用96ppi参考像素.

结论

由于这种重新缩放的可能性,像素被定义为相对测量单位,即使在网页设计中,它们的行为与绝对单位非常相似.

Rrefrence:由eric meyer提供明确的指导