Css 使用Twitter引导的菜单响应式设计

Css 使用Twitter引导的菜单响应式设计,css,twitter-bootstrap,media-queries,Css,Twitter Bootstrap,Media Queries,我对CSS和媒体查询的响应性设计相当陌生,所以我决定使用Twitter引导 我使用了他们的响应文件来帮助我解决问题,但我对菜单有一个问题,您可以在这里看到: 菜单每个部分的下拉图像似乎都不会向下“推”其他选项。你可以找到这个网站 以下是对我的自定义css文件的媒体查询: @media (min-width: 1200px) { .container {width: 940px} #solutions{ min-width: 1090px; p

我对CSS和媒体查询的响应性设计相当陌生,所以我决定使用Twitter引导

我使用了他们的响应文件来帮助我解决问题,但我对菜单有一个问题,您可以在这里看到:

菜单每个部分的下拉图像似乎都不会向下“推”其他选项。你可以找到这个网站

以下是对我的自定义css文件的媒体查询:

@media (min-width: 1200px) { 
    .container {width: 940px}

    #solutions{
        min-width: 1090px;
        position: absolute;
        left: -100px;
    }

    #services{
        min-width: 1090px;
        position: absolute;
        left: -190px;
    }


    #support{
        min-width: 840px;
        position: absolute;
        left: -276px;
    }
}
你能帮我看一下菜单吗?我是否需要添加自己的媒体查询

            #solutions{
                    min-width: 960px;
                    position: absolute;
                    left: -100px;
                    }

尝试将此id宽度窗体
1090px
更改为小于
960px

它工作正常。。。我在mozilla开发者工具中进行了测试。但是它看起来像屏幕截图吗?你的实时版本运行良好,但是没有标记或CSS可查看,无法判断你的本地版本出了什么问题。。。也就是说,发布你的代码。我用我的自定义css进行了更新