可以实现Materialize Navbar高度调整吗?

本文介绍了可以实现Materialize Navbar高度调整吗?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

是否可以在Materialize中调整导航栏的高度?

Is it possible to adjust the height of the Navbar in Materialize?

64px对我的网站来说有点太大了.我决定实现30px.

64px is a bit too much for my site. I was going for 30px before I decided to materialize it.

推荐答案

您必须重写一些CSS属性:

You have to override some CSS properties:

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

这篇关于可以实现Materialize Navbar高度调整吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！