CSS字体大小不被尊重答案

【问题标题】：CSS font size not being respectedCSS字体大小不被尊重
【发布时间】：2013-06-21 03:08:11
【问题描述】：

我在一个 CSS 类中设置了一个字体大小，该字体大小设置为 10 像素。它在我的 PC 和其他开发人员的 PC 上运行良好，但是当客户端访问该站点时，它们会获得更大的文本大小。我们检查了他们的浏览器设置，并且文本大小设置为中等，就像我们的 PC 一样。这是一个内部网络应用程序，所有用户（以及我们的开发人员）都使用 Internet Explorer 8。

什么会覆盖我们在 Web 应用程序之外的 CSS 设置？是否有任何其他可能干扰的浏览器或操作系统设置？

字体大小和系列是：

  font-family:MS Sans Serif, Verdana; 
  font-size:10px !important;

【问题讨论】：

您使用的是哪个字体系列？
他们的windoze文本缩放设置怎么样？控制面板 -> 显示 -> 设置自定义文本大小
可能是您的客户端电脑上没有安装字体，或者您没有使用网络安全字体
字体大小和系列为：font-family:MS Sans Serif, Verdana；字体大小：10px !important;

标签： css internet-explorer

【解决方案1】：

您的客户是否在 IE 中启用了“Intranet 设置”或“兼容性视图”？他们会让 IE8 伪装成 IE7，这可能是渲染差异的原因。

【讨论】：

-1 来自我，因为安全设置不应该影响字体大小
@meda：那么请随意对 IE 本身投反对票，但不要对我投反对票。 :-) 事实上，这些设置会使 IE8 像 IE7 一样呈现页面，这肯定会影响字体大小。
兼容性视图已关闭。打开它实际上可以解决问题。但是，该公司坚持认为它可以在没有兼容性视图的情况下工作。
@Legion：在这种情况下，您可以尝试将<meta http-equiv="x-ua-compatible" content="IE=7" > 添加到HTML 的<head>，或者使用X-UA-Compatible: IE=7 HTTP 标头提供页面。其中任何一个都应强制使用与兼容性视图相同的模式。
这是我们尝试的第一件事。不幸的是，它与兼容性视图并不完全相同。如果它成功了就太好了，因为我不得不花 3 天时间来修改标记。

【解决方案2】：

首先，确保您使用 CSS 重置来获得通用的 CSS 分母。 :) http://www.cssreset.com/ - 如果您不使用，请从上面的网站中选择一个。

之后，我建议在您的 body {} 选择器中设置默认字体大小。如果您使用 62.5%，那么您可以只使用相对字体大小，特别是 em 单位。默认为 62.5%，1em = 10px。例如

body
{
font-size: 62.5%;
}

这将跨浏览器工作，并且非常标准。 HTH。

【讨论】：

尝试了 CSS 重置。如果我们从一开始就使用它，那就太好了。但是这个应用程序是一个庞然大物，当我添加重置时，它到处都破坏了设计。不幸的是，由于时间限制，它不可行。