Css 不同浏览器中块（div）的不同高度（和宽度？）

我的问题的照片：

首先（从左到右）是谷歌浏览器。其次是歌剧。在所有其他浏览器中，如Opera中。其他站点也同样显示

。我的其他网站也是如此。在Google Chrome以外的其他浏览器中，它们似乎成比例地减少了（但问题不在Chrome中，因为其他网站（不是我的）在所有这些浏览器中看起来完全相同）

如果我的问题很愚蠢，我很抱歉，但我真的不知道如何解决这个问题

.wrapper{
宽度：960px；
保证金：0自动；
}
.标题{
宽度：100%；
最小宽度：960像素；
高度：300px；
背景：#fff；
}

这可能会有一些问题，坦率地说，我们没有足够的资源来帮助您。以下是一些需要检查的一般事项：

确保Chrome没有放大。如果仔细观察，你会发现Chrome中的所有内容都略大一些。Ctrl+0应确保不会意外放大

确保这不是Chrome已知的东西。我看到有人提到Chrome渲染的东西稍微大一点，这可能是一个很好的开始。不要因为你在其他网站上看不到Chrome，就排除它不是愚蠢的可能性。它们在IE6-8中也可能看起来一样，但是如果你把所有这些网站都放在一边，你可能会发现一个非常糟糕的体验。毫无疑问，要让Chrome按预期运行，不需要任何箍环

使用Chrome的开发工具来确保您期望的值是实际使用的值。仅仅因为您认为它应该是300px高，文本是20px，这并不意味着它实际上是，并且没有一些奇怪的继承故障（或者CSS没有正确加载）

---

另外，浏览器稍微不同也没关系。我理解如果你有一个老板对你唠叨不休，你就无能为力了。然而，在尝试解决此类问题时，甚至在做出设计决策时，一定要记住这一事实。有时候，这比花无数个小时（在商业环境中相当于很多钱）却没有真正的回报要好。想想看，有多少用户会同时拥有两个浏览器并进行逐像素的比较，或者注意到这样的差异（该死，在这个问题上，有多少用户甚至知道浏览器是什么）

你能提供你的演示的链接吗？