jQuery窗口大小调整和谷歌浏览器

我无法解决菜单调整的问题。我要发布的代码不仅仅适用于Chrome

这是一个很难用语言解释的情况，我会给你们看一些问题的截图

这是我的菜单，请看开场白：

---

当我调整浏览器窗口的大小时，您可以使用jQuery处理这种事情，向CSS中添加。类似于

/* Your normal css */
#containerMenu {
    width:100%;
    text-align:center;
}
#menu {
    display:inline-block
}
#menu li {
    float: left;
}

/* Media query */
@media (max-width: 605px) {
    #menu li {
        float: none;
    }
}

这将无缝地跨所有浏览器工作。这里的幕后操作：您告诉浏览器希望菜单的列表项为

float:left

。但在此之后，您将添加一个

max width

为605px的异常，即如果浏览器窗口为605px或更小，您实际上希望菜单的列表项为

float:none

。这是关于我对您希望JavaScript做什么的理解

媒体查询是查询的基础之一

#containerMenu {width:100%;
    text-align:center;}

#menu {display:inline-block}

#menu li {float: left;}

$(window).resize(function() 
    {
    if($(window).innerWidth() <= 605) 
        { 
        $("li", $("#menu")).css("float","none")
        }

    else 
        {                   
        $("li", $("#menu")).css("float","left")
        }                   
    })

/* Your normal css */
#containerMenu {
    width:100%;
    text-align:center;
}
#menu {
    display:inline-block
}
#menu li {
    float: left;
}

/* Media query */
@media (max-width: 605px) {
    #menu li {
        float: none;
    }
}