为什么 www.domain.com 和 domain.com 的网站宽度会不同？答案

【问题标题】：Why would the width of my site be different for www.domain.com and domain.com?为什么 www.domain.com 和 domain.com 的网站宽度会不同？
【发布时间】：2011-08-10 03:07:27
【问题描述】：

如果您在两个不同的选项卡中打开我的网站的两个版本，请转到www.compversions.com 和compversions.com，并假设您的分辨率至少为 1680 x 1050，您将看到以两种不同尺寸呈现的网站。

它被设计为逐步增强，但是在域中没有“www”和没有它会使网站在完全相同的分辨率显示器上具有不同大小之间有什么区别？

任何帮助将不胜感激。

谢谢。

Edit1：最初的问题出现在 Windows 7、Chrome 最新版本上。我在 Mac 上用最新的 Safari 进行了测试，没有这个问题。但 Twitter 计数器和 Google+ 计数器确实显示了两个不同的数字。

这是 compversions.com 的屏幕截图 - 如您所见，一切都稍大一些 - 尤其是中间的白色部分。

这是 www.compversions.com 的截图 - 这个略小，尤其是中间的白色部分。

【问题讨论】：

我无法在运行 Safari 的 1680 x 1050 Macbook Pro 上重现您提到的问题。我还在命令行上使用curl 下载了http://compversions.com/imdex.html 和http://www.compversions.com/imdex.html，并验证您提供的是exact 相同的文件。没有差异。相同的 md5 和。
@mu 太短了——你说得对，这是一个无关紧要的问题，但它也有点烦人。
@Asaph 我用我的系统和浏览器的屏幕截图和规格更新了帖子。它们是完全相同的文件，所以这就是我感到困惑的原因。
在主机中添加一些其他域变体，看看发生了什么。找出问题的最佳方法是设置 http 监视并比较两种情况的流，如果流内容相同，则向 Apple 提交错误。

标签： html css progressive-enhancement

【解决方案1】：

您显然是在使用 Ctrl+Scrollwheel 时不小心放大了非 www 的。按 Ctrl+0 重置缩放级别。浏览器会记住每个主机的缩放级别。这与您网站提供的 HTML/CSS 无关。

【讨论】：

哇哦！杰出的。那行得通。这有点疯狂！甚至都不知道发生了这样的事。谢谢。
顺便说一句，301 重定向会修复 Tweet 和 Google+ 计数按钮问题吗？
当然。它将改善 SEO。重复的内容是不好的。另外，www 子域是 1990 年的。杀了它。
除了它对 Google+ 和 Twitter 按钮的计数更高。如果我进行永久重定向，它会在 compversions.com 上获得更高的数字吗？
不，数字不会相加。最好的办法是联系 Google+/Twitter 支持并要求他们合并数字。

【解决方案2】：

我看不出它们之间有什么区别，但是通过 www 或非 www 访问同一页面可能会导致搜索引擎出现重复内容问题。您可能应该使用 301 重定向将您的非 WWW 版本重定向到 WWW 版本，反之亦然。

这可能导致的直接问题是您的 Google+ 和 Tweet 按钮显示两个 URL 的不同计数，因为它们将它们计为两个不同的页面。

如果您发现它们不同，您可能只需要清除浏览器缓存。如果问题仍然存在，在不同的计算机上查看这些页面应该会显示它们在视觉上是相同的。

【讨论】：

用截图更新了我的帖子。 301 重定向听起来是个有趣的想法，将对其进行研究。
那么执行 301 重定向可以解决 Google+ 和 Tweet 按钮问题吗？
可能 - Facebook Like (yoast.com/facebook-like-duplicate-content) 也会发生类似的事情。没有那个 301 可能也会降低您的 PageRank，并影响您的搜索结果。您可能还想在 HTML 中设置规范标签，以确保 Google 知道哪个是正确的 URL。完成所有这些后，如果您还没有，可能会获得一个 Google 网站管理员帐户并提交您的首选网址。

【解决方案3】：

除非子域“www”指向您服务器上的不同文件夹，否则它们应该是相同的。

【讨论】：

我同意。我正在使用 Rails，而 Heroku 正在做托管。所以服务器上没有文件夹或手动指向任何东西。

【解决方案4】：

刚刚签入 Chrome 版本 13.0.782.112 测试版，子域之间没有区别。还检查了是否下载了正确的 css 文件，并且没有 404。

您在哪个浏览器中看到这些结果？

【讨论】：

Windows 7，Chrome 13.0.782.107 m。我还更新了帖子以包含屏幕截图。

【解决方案5】：

有趣...我发现这两个 URL 的尺寸没有区别，但我看到的是 Tweet 计数和 Publicity Meter 计数在两者之间有所不同。将继续研究它。

【讨论】：

这可能是因为用户在 www 上发布了一些内容。和一些非.www。设置从一个到另一个的 301 重定向的一个很好的理由。这里描述了一个类似的问题：yoast.com/facebook-like-duplicate-content