小编Fil*_*erz的帖子

物化框架:导航栏中的响应式徽标

我正在物化框架中创建一个网站.导航栏中的徽标有问题.所以我的徽标非常大(6202x3800像素),我没有任何其他版本.我想把这个标志放在导航栏中,但它总是超出框架nav-wrapper.我试图添加课程,responsive-img但它根本不起作用.

这是我的代码:

#allcontent {
  background-color: white;
  margin: 2%;
}
body {
  background: #d26335;
}
nav {
  color: black;
}
Run Code Online (Sandbox Code Playgroud)
<div class="row" id="allcontent">
  <div class="navbar-default" id="navbar">
    <nav class="white">
      <div class="nav-wrapper">
        <a href="index.html" class="brand-logo left"><img class="responsive-img" id="logo" src="<!-- my image -->"/></a>
        <ul id="nav-mobile" class="right hide-on-med-and-down">
          <li><a href="sass.html"><i class="material-icons">search</i></a>
          </li>
          <li>colors</li>
        </ul>
      </div>

    </nav>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

css materialize material-design

11
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×1

material-design ×1

materialize ×1