媒体查询工作在错误的浏览器大小

Question

我有一个媒体查询@media screen and (max-width: 480px)。在Google Chrome中进行测试时，浏览器会将其应用于448像素而不是480像素。造成这种像素差异的原因是什么，以及如何修复？

正在使用的元标记：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width" />