Css FF中的媒体查询问题和响应视图工具

我对媒体查询有意见。我正在使用Firefox中的响应视图工具以480px的速度查看我的站点。但它似乎是以430像素的速度发射，而不是480像素。我不知道为什么

/*
 *  Gird layout for devices above 480px.
 */
@media screen and (min-width: 480px) {
html {
    background: red;
}
}

我没有其他代码或媒体查询，所以我想知道这是否是某种类型的错误

截图：

---

如果在将响应工具设置为480后检查

html

元素的计算witdh，将得到465的值。设置

溢出：隐藏html

元素上选择code>，然后再次检查，得到480

---

Firefox在计算视口宽度时会考虑滚动条的宽度，而不是覆盖滚动条的Chrome。

如果在将响应工具设置为480后检查

html

元素的计算witdh，则会得到465的值。设置

溢出：隐藏html

元素上选择code>，然后再次检查，得到480

---

Firefox在计算视口宽度时会考虑滚动条的宽度，而不是覆盖在滚动条上的Chrome。

你不会相信这一点，如果有人碰巧遇到同样的问题，我会发布这篇文章

---

在某种程度上，我使用（Mac上的CMD和-on）使我的浏览器文本变小了。它是在正确的宽度打破，但因为我的字体大小较小，它是扔我了。它实际上是在正确的位置断开的，但响应查看器没有根据我的字体大小显示宽度。

你不会相信这一点，我将发布此消息，以防有人碰巧遇到同样的问题

---

在某种程度上，我使用（Mac上的CMD和-on）使我的浏览器文本变小了。它是在正确的宽度打破，但因为我的字体大小较小，它是扔我了。它实际上是在正确的位置断开的，但是响应查看器没有根据我的字体大小显示宽度。

检查您的缩放，如果您已放大，宽度将关闭。ctrl+0可将缩放重置为默认的100%

检查缩放，如果已放大，则“宽度”将关闭。ctrl+0将缩放重置为默认值100%

您确定要添加元标记吗？我的似乎可以。你能发布一个截图吗？更新了问题的截图@YaMoAre你确定要添加meta标签吗？我的似乎没问题。你能发布一个截图吗？用截图@YaMoOh更新了问题。是否有针对Chrome的响应工具？我不知道这就是为什么我一直在使用FireFox。我从来没有使用过任何响应工具，我倾向于调整浏览器窗口的大小，然后添加一个断点，其中的内容需要修复，而不是坚持预设的尺寸。除非你的目标是一个特定的设备宽度，否则我建议遵循“ish”原则-哦。是否有针对Chrome的响应工具？我不知道这就是为什么我一直在使用FireFox。我从来没有使用过任何响应工具，我倾向于调整浏览器窗口的大小，然后添加一个断点，其中的内容需要修复，而不是坚持预设的尺寸。除非你的目标是一个特定的设备宽度，否则我建议遵循“ish”原则——是的，它确实如此。当放大时-480px可能在触发，比如说460px，这会引起这种误解。这个问题确实发生在我身上，是的。当放大时-480px可能在触发，比如说460px，这会引起这种误解。这个问题正好发生在我身上。