CSS 媒体宽度规则答案

【问题标题】：css media width ruleCSS 媒体宽度规则
【发布时间】：2013-09-20 00:50:07
【问题描述】：

在我的网站上

$(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 正是我想要的测量值。这些数字对任何人都意味着什么？

【问题讨论】：

【解决方案1】：

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

在 webkit 浏览器中：

$(window).width()

在其他浏览器中：

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

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

【讨论】：