1

我的问题照片：

在此处输入图像描述

首先（从左到右）是谷歌浏览器。其次是歌剧。在所有其他浏览器中，尺寸与 Opera 相同。其他网站同样显示。

来自“雅虎”的“重置 CSS”。我的其他网站也一样。它们似乎在除 Google Chrome 之外的其他浏览器中按比例减少（但问题不在 Chrome 中，因为其他网站（不是我的）在所有这些浏览器中看起来完全相同）。

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

.wrapper {
  width: 960px;
  margin: 0 auto;
}

.header {
  width: 100%;
  min-width: 960px;
  height: 300px;
  background: #fff;
}
4

1 回答 1

2

这可能存在一些问题，坦率地说，您在这里没有足够的资源让我们为您提供这么多的帮助。以下是一些需要检查的一般事项：

  1. 确保 Chrome 没有放大。如果您仔细观察，您会发现 Chrome 中的所有内容都稍大一些。Ctrl+0 应该确保它不会被意外放大。

  2. 确保它不是 Chrome 的已知事物。我看到有人提到 Chrome 会渲染一些更大的东西，这可能是一个不错的起点。不排除 Chrome 不傻的可能性，只是因为你在其他网站上看不到它。它们在 IE 6-8 中也可能看起来相同，但是如果您不费吹灰之力就能以这种方式获取这些站点，您可能会发现体验非常糟糕。没有人说不需要任何箍来让 Chrome 按预期运行。

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

此外，浏览器略有不同也没关系。我明白，如果你有一个老板在你的脖子上喘不过气来，你无能为力。但是，在尝试对此类问题进行故障排除时，甚至在做出设计决策时，请牢记这一事实。有时，这比花费无数小时（在商业环境中等同于大量金钱）而没有真正的回报要好。想一想 - 有多少用户实际上并排拥有两个浏览器并进行逐个像素的比较，或者以其他方式注意到这种差异（地狱，就此而言，您的用户中有多少甚至知道浏览器是什么）？

于 2012-09-17T18:22:07.223 回答