什么是em字体大小单位?它的像素数是多少?

我想知道
em
单位是什么,以及转换为像素时的1em是多少(
px
)。我还在某处读到了一些关于IE的bug,要克服哪些正文字体大小应该设置为某些东西,但不能跟随太多。有人可以详细解释一下吗?     
已邀请:
尽管你可能在其他地方读过,但em和px之间没有直接关系。 作为其中一个链接:   “em”值是基于的   在大写M的宽度上 因此每种字体都会有所不同。窄字体可能与扩展字体具有相同的高度(以px为单位),但是em的大小会有所不同。 编辑三年后: 现在有很多来源说1em =字体大小(以px为单位)。也就是说,当你写
font-size:16px
时,那么1em = 16px。这仍然不同意Adobe源代码(其中1em =
pt
中的字体大小),但在任何一种情况下它都显得奇怪;使用压缩字体时,em的大小会太大,而使用扩展字体则会太小。 我打算做一些测试页面并亲自看看。 并且: 我看到没有人(包括我)真的回答了这个问题(这有点隐藏):   我还在某处读到了一些即bug,并将其设置为体积字体大小 根据此页面,您需要将此添加到您的CSS:
html{ font-size:100%; }
。该页面已有六年了,我还没看过(数百条)评论,所以我不知道它是否仍然相关。     
em基于字母M并依赖于字体的M原则是一个经常被说明的神话! W3c em文档非常简洁地描述了ems和像素的确切关系。使用字母M来计算字体大小至少过于复杂和不必要。   'em'单位等于计算的单位   。的'font-size'属性的值   使用它的元素。该   例外情况是'em'出现在   'font-size'属性的值   本身,在这种情况下,它指的是   父元素的字体大小。它   可用于垂直或水平   测量。 以下是重点。 没有祖先放大,1em完全等于像素font-size属性。 使用x-ems或x-percent的祖先放大率意味着您只需乘以明显的比率x或x / 100。因此,一个简单的java脚本循环将计算确切的字体大小,假设:(1)没有C.S.S来阻止java脚本; (2)某些祖先的字体大小以绝对单位设置。这是文档所讨论的计算值。手计算可以绕过C.S.S.但是仍然必须在祖先链中找到绝对单位。 由于ems测量宽度,您始终可以通过创建1000 ems长的div并将其client-Width属性除以1000来计算确切的字体大小。由于ems四舍五入到最接近千分之一,因此需要1000 ems以避免错误的像素截断。 您可能可以创建M原则失败的字体,因为em基于font-size属性而不是实际字体。假设您有一个奇怪的字体,其中M是其他字符大小的1/3,并且您的字体大小为10像素。您是否认为像素字体大小以某种方式保证最大字符高度,因此M不会是10像素而所有其他字符都是30像素? 警告 (2)的一个主要警告是前单位的相对比率非常不稳定。 在具有常量字体的相同浏览器中,相对比率可以随字体大小而变化。即使使用相同的字体大小和浏览器安全字体(例如Georgia),ex的相对比率也随浏览器而变化。如果你想要符合性,这是一个很好的理由,不使用ex单元。如果使用ex单元,则无法通过祖先链计算字体大小。     
它是根据你的身体字体大小计算出来的。您可以使用像素转换器来准确找出您网站上的内容。 PxToEm     
em是最初用于印刷排版的测量(根据维基百科)。以下是需要考虑的一些事项:如果em被定义为12pt类型,则em是12/72英寸的打印页面;但如果将em定义为16px,则其宽度(以英寸为单位)取决于介质的分辨率。 (注意:在移动设备出现之前,72ppi到120ppi的分辨率曾被认为是“安全浏览器”标准。)因此,当您的用户使用宽度为300px的设备时,1em作为16px就是很多“不动产”。在我看来,最好使用em测量,定义文本段落以有效地平衡空白区域,而不是页面布局或定位。     
EM是与字体的磅值成比例的度量单位。     
这个链接可以帮到你 http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css 正如该文引述:   我们知道1em总是等于父元素的字体大小,因此:
1 ÷ parent font-size × required pixel value = em value
     对于您的书签:字体大小的像素到ems转换表。     
  以字母“M”命名,em单元在排版方面具有悠久的传统,用于测量水平宽度。例如,经常在美国文本( - )中找到的长划线被称为“em-dash”,因为它在历史上具有与字母“M”相同的宽度。它的较窄的堂兄( - ),经常在欧洲文本中找到,同样被称为“en-dash”。      多年来,“em”的含义发生了变化。并非所有字体都包含字母“M”(例如中文),但所有字体都有高度。因此,该术语表示字体的高度 - 而不是字母“M”的宽度。 来自“惊人的em单元和其他最佳实践”https://www.w3.org/WAI/GL/css2em.htm     
em几乎与百分比相同,我建议阅读http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/     

要回复问题请先登录注册