css - 为什么 Internet Explorer 忽略正文字体大小？

Question

我正在构建 Magento 网站，它在 Firefox 和 Chrome 中运行良好，但在 IE9、IE8 中无法正确显示。

正文字体大小设置为12px但 IE 似乎完全忽略了它。

这是body元素的CSS：

body {
  background: url(../images/background/bkgd.gif) repeat-x scroll left top #FFFFFF;
  font: 12px/1.55 arial, helvetica, sans-serif;
  color: #444;
  text-align: center;
}

这是网站。有人可以帮忙吗？

Answer 1

您的 HTML/模板中有内联样式。查看源代码并搜索我在第 99 行找到的 20px，如下所示：

<div a align="right">
            <span style="font-weight:bold; font-size:12pt;">Your local No1Pizza is <span style="font-weight:bold; font-size:20px;"><a href="/pizza.html">Wolverhampton.<span/>
            <a style="font-weight:bold; font-size:8pt;" href="/index.php/emptybasket/ ">
            (Not your desired shop?)
            </a>
            </div>       </div>

你真的需要清理代码。还要注意<span/>上面错误的结束标签。