Html 调整浏览器大小时如何从1024px开始切换导航栏

Html 调整浏览器大小时如何从1024px开始切换导航栏,html,twitter-bootstrap,css,responsive-design,Html,Twitter Bootstrap,Css,Responsive Design,我正在将静态页面转换为响应页面。我的页面是一个导航栏,它在768像素之后转换为切换导航栏 我想自定义它我自己在什么宽度的鲍瑟切换导航应该来或不,最初我希望它来后,1024px,但它来后768px 请帮助我如何做到这一点。 请不要投反对票。这导致像我这样的初学者被stackverflow阻止 使用以下命令: @media (min-width: 1024px) { /*toggle navigation class*/{ width=/*whatev

我正在将静态页面转换为响应页面。我的页面是一个导航栏,它在768像素之后转换为切换导航栏

我想自定义它我自己在什么宽度的鲍瑟切换导航应该来或不,最初我希望它来后,1024px,但它来后768px

请帮助我如何做到这一点。 请不要投反对票。这导致像我这样的初学者被stackverflow阻止

使用以下命令:

  @media (min-width: 1024px) {
       /*toggle navigation class*/{
               width=/*whatever*/
             }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}

是的,例如,我想在调整屏幕大小时更改我的h1大小。此h1位于具有新id名称的div中:@media screen,最大宽度:480px{new h1{font size:100%;}}}这不适用于我的查询。你能给我举一个在fiddle中切换导航栏的例子吗?你为什么不使用bootstrap来帮助你调整导航栏的大小,使之与整个容器的大小一致,没有问题。我使用的是boostarp。Boostarp允许在768px之后切换导航。我要1024px开始。我试着把我的代码,但bootstarp是阻止它这是一个代码唯一的答案。请对其进行编辑,包括对其作用、解决方法以及如何融入问题的描述。而且,在CSS中永远不会看到等号。我想你是说冒号。与其使用注释,不如使用示例值,然后解释如何将它们更改为描述中的其他值。使用768px之后显示的导航切换共享代码