html - CSS 页面在不同的浏览器中以不同的尺寸呈现

Question

今天有点奇怪。 (或者这可能是完全正常的，我只是累了)

我遇到了一个问题，即我的页面在不同的浏览器中以不同的尺寸呈现。 (如标题所示)

最明显的地方是我的主要内容 div，它有 1300 像素宽:

.cogs {
    width: 1300px;
}

#wrap {
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-height: 100%;
}

此 DIV 在 Chrome 和 Safari 中以 1300 像素的宽度正确呈现，但在 IE 和 Firefox 中的宽度约为 1625 像素，尽管他们的开发人员工具会很高兴地报告它的宽度为 1300 像素。

我猜我一定是触发了某种页面缩放级别，但我不确定我是如何做到这一点的。我正在使用我刚刚修改过的 phpBB 的现有主题，但我不确定这个问题是在什么时候引入的。在拍摄所有这些屏幕截图之前，我按下了 Ctrl+0，所以这不仅仅是浏览器缩放。

一张图画千言万语，下面是页面截图:

http://i.imgur.com/iLFSRoG.png

这是打开开发工具的页面截图。 (我不相信 Safari 有任何内置的开发工具)

http://i.imgur.com/e4urC4w.png

我很难提供代码示例，因为我不知道问题出在代码的哪一部分。这里有很多代码。如果您有什么具体需要我寻找的，请告诉我，我会用代码编辑这个问题。我意识到这不是组织问题的最佳方式，但我想不出更简单的方式。

我也知道在不镜像代码的情况下提供链接是不受欢迎的，但这是实时站点:http://forums.industrialgaming.net.au/

很抱歉这个问题非常困惑。提前致谢!

Answer 1

哇，是的，我确实太累了。这是 Windows 问题而不是 CSS 问题:

显然这个设置只在FF和IE中生效，Chrome和Safari都忽略它。