css中同一类的不同字体大小

Question

在我的CSS中我有

.name{
 text-align:right;
 font-size:0.85em;
 font-weight: bold;
 vertical-align:middle;
 width: 40%;
}

我对两个不同的页面使用相同的CSS，但我得到一个字体比其他字体大。

Answer 1

问题

您很有可能在两个页面之一的某个其他css文件中为该元素定义了默认字体大小。 em单位是抽象单位。根据定义，这些值是任意的。

以下是来自http://css-tricks.com/css-font-size/

的摘录

  

Em值可能是包围ol'noodle的最困难的值，可能是因为它们的概念是抽象的和任意的。这是独家新闻：1em等于所讨论元素的当前字体大小。如果您没有在页面上的任何位置设置字体大小，那么它将是浏览器默认值，大概是16px。所以默认情况下1em = 16px。如果您要在身体上设置20px的字体大小，那么1em = 20px。

解决方案

如果您之前已为该类所附加的元素定义了字体大小，那么您的em值可能会有所不同。如果您在两个不同的元素<div>或<span>上使用此类，那么它们很可能也会有所不同。确保应用于元素的任何默认font-size值在两个页面上都是一致的，并且不会被覆盖。另外，您可以考虑自己为相关元素设置初始font-size，以确保准确的结果。

替代

如果你真的想要一致的固定大小，你应该考虑像px这样的东西。 px提供细粒度控制，因为您告诉浏览器确切地使用多少像素来渲染文本。

Answer 2

根据当前大小进行操作。确保在第二页上的呼叫之前未更改字体大小。 IE：字体大小在第二页的开头更改。

Answer 3

fon-size的父元素必须具有不同的字体大小，“em”总是与父元素的font-size成比例。请检查两个页面中父元素的字体大小，或者您可以在“px”中给出font-size，这不会受到任何父元素的影响。

Answer 4

有类似的问题。父字体大小完全相同，用px编写。事实证明这是因为我的一个页面缺少doctype。我在othr页面粘贴了相同的doctype，解决了问题。