<h1> 和 <h2> 在 Opera 浏览器中未按预期显示答案

【问题标题】：<h1> and <h2> are not displayed as expected in Opera browser<h1> 和 <h2> 在 Opera 浏览器中未按预期显示
【发布时间】：2011-02-19 02:50:46
【问题描述】：

我正在使用上面的 css 来设置我的 h1 样式，它在大多数浏览器上都很好用，除了 opera 会改变很多位置：

h1{
    position:fixed;
    left:5px;
    top:5px;
    color:#111;     
    font-family:'Josefin Sans', Arial, serif;
    font-size:3.3em;
    margin:0px;  
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0px;;

}

我尝试用 h2 替换 h1，并且在所有浏览器上一切正常，即使在 opera 中定位似乎也不错，但现在字体大小不好，使用的字体可能是浏览器默认的...有什么我应该知道我不知道的歌剧标题吗？请建议...！所有其他浏览器：
歌剧：

编辑：主要问题似乎是它没有实现我从谷歌使用的字体（所有其他浏览器都这样做......）但它实现了另一个非常相似的上面......

【问题讨论】：

在这一点上，我要么咬紧牙关，让 Opera 冷落，要么用 JS 为 Opera 加载不同的风格。
我不知道为什么，但不知何故，我认为这是一个很好的评论......
您能否发布一个示例页面，其中包含您所看到的和您所期望的？
@Brad 有没有我可以上传图片的网站？
Im-im-im-image 替换 Opera？ :D

标签： css cross-browser opera

【解决方案1】：

您是否尝试过使用像素作为字体大小而不是 em？也许 Opera 对 em 的解释与其他浏览器不同...

编辑 - 使用 em 字体大小不是问题。 position:fixed 属性也不是。这是解决方案：

在我删除“Josefin Sans”后问题解决了，然后又让它们回来了……现在 opera 提供了备用字体，我认为问题是缓存和 Opera 无法加载谷歌字体的愚蠢组合h1

【讨论】：

Opera 非常适合这样的事情。我非常怀疑这是解决方案。
不客气。移除 position:fixed 看看这是否可能是原因？如果这不起作用，我唯一能想到的另一件事就是尝试使用另一种字体来查看 Opera 是否没有正确处理 Josefin Sans 字体。
在我删除“Josefin Sans”后问题解决了，然后又让它们回来了……现在 opera 提供了备用字体，我认为问题是缓存和 Opera 无法实现的愚蠢组合为 h1 加载 google 字体...
我不知道我是否应该将您的答案标记为正确答案，但它在 cmets 中有一些优点，所以我尝试对其进行编辑并将其提供给您...！
谢谢！ :) 你想让我编辑我的原始帖子并将所有内容都放在那里吗？

【解决方案2】：

在 ems 中指定字体大小是没有意义的。 em 是 'm' 在当前字体大小中的宽度。 字体大小应以磅为单位指定。

【讨论】：

当您希望它们随字体大小自动缩放时，您应该使用 ems 作为边距和其他类型的间距，这是大多数时候。您需要了解在 ems 中指定字体大小是循环的，因此完全没有意义。

【解决方案3】：

“以ems指定字体大小是没有意义的。em是当前字体大小下'm'的宽度。字体大小应该以磅为单位指定。”

--这是不正确的。 em 完全适合定义字体大小。 em 确实指的是当前字体大小，except 用于定义字体大小时 - 然后它指的是 parent 字体大小。不然就没用了。

来自 w3c 规范 (http://www.w3.org/TR/CSS21/syndata.html)：

“'em'单位等于使用它的元素的'font-size'属性的计算值。例外是'em'出现在'font-size'的值中属性本身，在这种情况下，它指的是父元素的字体大小。"

【讨论】：