列表項隱藏在縮小窗口大小的導航欄中

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碰撞。您可以調整列表像素。我在bootstrap中有這方面的經驗。您應該打開Chrome網頁開發工具，並檢查每個窗口大小（移動，桌面）的視圖，並檢查列表的位置，背景變化。你可以很容易地找到錯誤。