html - CSS 媒体宽度规则

Question

在我的网站上，我有

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

当我将其调整为 464 时，萤火虫报告布局为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)

在任何浏览器中都将始终为您提供没有滚动条的宽度。看这里