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

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

您对滚动条是正确的，这是因为CSS使用的是设备宽度，而JS使用的是文档宽度。

您需要做的是在JS代码中测量视口宽度，而不是使用jQuery width函数。

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' ] };}