ie9 间距 - css 无法正常工作答案

【问题标题】：ie9 spacing - css not working as it shouldie9 间距 - css 无法正常工作
【发布时间】：2012-10-12 09:45:50
【问题描述】：

对某人来说，嗨可能很简单。

我已经完成了这个网站的工作，在 ie9 中存在很多行高问题 - 我什至不知道行高是否是正确的词 - 间距似乎意味着字母间距。

解释我的问题的最简单方法是使用屏幕截图。

为什么第三个 (ie9) 这么出？

可能是字体 .eot 与 otf 的呈现方式不同？

如果是这样，我该如何解决这个问题？

丹西奥普

【问题讨论】：

【解决方案1】：

我不确定为什么会发生这种情况（IE 中的故障排除很糟糕），但受影响的是 your.breadcrumbs CSS。快速而肮脏的解决方案是添加 IE 条件。

<!--[if IE]>
<style>
    .breadcrumbs{top:11px;}
</style>
<![endif]-->

【讨论】：

【解决方案2】：

更改标题以告诉 IE9 遵循现代规范：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

进行 3 项更改：文档类型、html 元素和元。

【讨论】：