Html &引用；李",；在导航栏中重叠的项目

我的导航栏有一个问题：正如您从以下两张图片中看到的，问题是当我调整浏览器窗口（第二张图片）时，导航栏的项目重叠，并且没有减小它们的大小，以便继续适合屏幕。我希望它们在缩小尺寸的同时保持在同一条线上

我已经尝试过为元素设置以%表示的字体大小，但似乎这不是解决方案…你能帮我吗？多谢各位

我说的菜单是这样的：

   <nav class="secondnav nascosta ">   
          <ul class="listsecondnav primissimo">
             <li class="left dropdown prime">
              <a href="#home" class="edition drop-btn">U.S. EDITION 
                <span class="fa fa-chevron-down" aria-hidden="true"> </span> </a>
                  <div class="dropdown-content dropmod">
                    <a href="#">Apps</a>
                    <a href="#">Gear</a>
                    <a href="#">Tech</a>
                    <a href="#">Creative</a>
                    <a href="#">Contributors</a>
                    <a href="#">Insights</a>
                    <a href="#">Launch</a>
                    <a href="#">World</a>
                    <a href="#">Distract</a>
                    <a href="#">Offers</a>
                  </div>

            </li>
            <li class="left prime"><a href="#home" class="">Wed, Aug 30, 2017</a></li>
            <li class="right prime"><a href="#news" class="subscribe ">SUBSCRIBE</a></li>
            <li class="right prime"><a href="#contact" class="">SIGN IN</a></li>

          </ul> 
        </nav>

---

我不确定这是否是您想要的，但您是否可以在CSS中使用：

@media screen and (max-device-width: 000px){
    div-element{
        font-size: 00px;
    }

---

并为不同的屏幕大小设置不同的字体大小。我想您已经在CSS中使用了@media screen，所以您可以更改其中的字体大小

为了防止导航栏中的

项重叠，您可以使用CSS单位

vw

——等于视口初始包含块宽度的1%：

font-size: 2vw; // make font size as 2% of the viewport width

这样，当窗口宽度改变时，字体大小将自动改变

下面是一个示例，请单击“运行代码片段”，然后单击“完整页面”并调整浏览器窗口大小以查看效果

正文{
保证金：0；
填充：0；
}
保险商实验室{
背景：粉红色；
填充：0；
保证金：0；
高度：1.5em；
}
ulli{
显示：内联块；
列表样式：无；
字体大小：1.8vw；
右边距：1米；
}

你好
世界
祝贺你
世代
腕状

您想让它们“保持一致”。在我看来，这根本不合适。我想看看是否有一种方法，你可以使黑条更高，或把项目在一个折叠菜单。MediaQuery是您的朋友；）请阅读如何创建，并在下次提供一个。。。而不是把你所有的代码都放在这里。

@media screen and (max-device-width: 000px){
    div-element{
        font-size: 00px;
    }

font-size: 2vw; // make font size as 2% of the viewport width