列表项目在缩小窗口大小时隐藏在导航栏中

Question

列表项目在缩小窗口大小时隐藏在导航栏中。我正在使用materializecss。如何避免列表项隐藏在导航栏中。

<nav>
    <div class="nav-wrapper">
      <a href="#!" class="brand-logo right">Logo</a>
      <ul class="left hide-on-med-and-down">
        <li><a href="c.html">C</a></li>
        <li class="active"><a href="python.html">PYTHON</a></li>
        <li><a href="java.html">JAVA</a></li>
        <li><a href="javascript.html">JAVASCRIPT</a></li>
        <li><a href="webdev.html">WEB DEV</a></li>
        <li><a href="android.html">ANDROID</a></li>
        <li><a href="projects.html">PROJECTS</a></li>
      </ul>
    </div>
</nav>

Answer 1

我认为您的<li>可能会与<nav>栏CSS发生冲突。您可以调整列表像素。我有自己的引导经验。您应该打开chrome web开发人员工具并查看每个窗口大小（移动，桌面）视图并检查列表位置，后台变化。您可以轻松找到错误。