CSS媒体查询和JavaScript窗口宽度不匹配

@H_696_1@对于响应式模板，我在我的CSS中有一个媒体查询：

@media screen and (max-width: 960pX) {
 body{
 /*  something */
 BACkground:red;
 }
}

并且，我做了一个jQuery函数调整到日志宽度：

$(window).resize(function() {
 console.log($(window).width());
 console.log($(document).width()); /* same result */
 /* something for my js navigation */
}

和CSS检测和JS结果有区别，我有这个元：

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

我想这是由于滚动条(15像素)。我怎么能做得更好？

对不起，如果这是一个重复的问题，但我不能找到我的错误在哪里。

function viewport() {
    var e = window,a = 'inner';
    if (!('innerWidth' in window )) {
        a = 'client';
        e = document.documentElement || document.body;
    }
    return { width : e[ a+'Width' ],height : e[ a+'Height' ] };
}