javascript - ウィンドウがズームされているとき、または解像度が異なる場合に、メニューをそのまま維持しますか?

Question

これはウィンドウの上に固定された私の垂直ナビゲーションです。ユーザーがウィンドウをズームしたり、別の解像度で開いたりした場合、フォントを減らして次の行に移動せず、すべての項目が表示されるようにしたいですか?

<ul id="navmenu" class="drop">

  <li><a href="#">Home</a></li>
  <li><a href="#">Updates</a></li>
  <li><a href="#">Assignment</a> </li>
  <li><a href="#">Project</a></li>  
  <li><a href="#">Practice</a></li>
   <li><a href="#">Shedule</a></li>
  <li><a href="#">Fee</a></li>
   <li><a href="#">Reports</a></li>
    <li><a href="#">Export</a></li>
  <li><a href="#">Account</a> </li>

</ul>



ul#navmenu {margin: 0 0 0 0%;}
ul.drop a { display:block; color:white; text-decoration:none;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; color: #fff; }
ul.drop { position: relative; z-index: 60; float: left; }
ul.drop li { float: left; vertical-align: middle; }
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 70; cursor: default; }
ul.drop ul { width:6em; visibility: hidden; padding: 2px 1px;  position: absolute; top: 100%; left: 0; z-index: 65; }
ul.drop ul li { float: none; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible ; }