【问题标题】:Is Materialize Navbar height adjustment possible?Materialise Navbar 高度调整是否可行?
【发布时间】:2016-02-22 11:41:51
【问题描述】:

Materialize中是否可以调整Navbar的高度?

64px 对我的网站来说有点太多了。在我决定实现它之前,我打算使用 30px。

【问题讨论】:

    标签: materialize


    【解决方案1】:

    你必须重写一些 CSS 属性:

    nav {
        height: 30px;
        line-height: 30px;
    }
    
    nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
        height: 30px;
        line-height: 30px;
    }
    
    nav .button-collapse i {
        height: 30px;
        line-height: 30px;
    }
    
    nav .brand-logo { 
        font-size: 1.6rem; 
    }
    
    @media only screen and (min-width: 601px){
        nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
            height: 30px;
            line-height: 30px;
        }
    }
    

    【讨论】:

    • 太棒了!谢谢。请添加 nav .brand-logo { font-size: 1.6rem; } 然后我可以批准你的回答 :)
    • @PredragStojadinović 完成! :D
    【解决方案2】:

    你可以像这样在导航标签上添加类:

    nav {
                height: 30px;
            line-height: 30px;
        }
    

    【讨论】:

      猜你喜欢
      • 2020-03-30
      • 1970-01-01
      • 2016-08-17
      • 1970-01-01
      • 1970-01-01
      • 2018-12-10
      • 2011-04-09
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多