css媒体宽度规则

Question

在我的网站上我有

$(window).resize(function () {
    document.title = $(window).width();
});

当我将其调整为464个firebug报告时，布局为480px。为什么？因为我的css规则的第8行。

@media (min-width:481px) {
...
    .class p { width: 480px; } //line 8
}

Chrome做同样的事情（也就是在464上）。为什么会这样？我尝试测量所有东西以获得确切的宽度，直到我想改变我的css但这种奇怪的东西正在破坏我的测量

-edit-我做了480-464得到16并将16加到我的宽度值。它很接近。 +18正是我想要的测量。这些数字对任何人都意味着什么吗？

Answer 1

我有同样的问题。我试图通过以下方式获取文档宽度：

在webkit浏览器中：

$(window).width()

在其他浏览器中：

Math.max($(window).width(), window.innerWidth)

将始终在任何浏览器中为您提供没有滚动条的宽度。见here