最小化不适合屏幕的html链接_Html_Css

最小化不适合屏幕的html链接

html css

最小化不适合屏幕的html链接,html,css,Html,Css,我有多个超链接的网页。这些超链接是从数据库加载的，因此可以是多个超链接（多页）。我的问题-我需要保持顶部的绿色丝带在相同的高度。但目前，如果所有的元素都不适合屏幕，它们就会排成一行，这使得我的绿色丝带相当大代码： ` ` 是否有可能创建类似小三角形的东西，并将这些链接（刚刚溢出）移入？或者有什么办法可以让它们保持在一行（但不是滚动） “是否有可能创建类似小三角形的东西并将这些链接（刚刚溢出）移入？”-这被称为。。。应该能够使用该关键字自己找到适用的脚本。有许多选项：缩小li元素的

我有多个超链接的网页。这些超链接是从数据库加载的，因此可以是多个超链接（多页）。我的问题-我需要保持顶部的绿色丝带在相同的高度。但目前，如果所有的元素都不适合屏幕，它们就会排成一行，这使得我的绿色丝带相当大

代码： `

是否有可能创建类似小三角形的东西，并将这些链接（刚刚溢出）移入？或者有什么办法可以让它们保持在一行（但不是滚动）

“是否有可能创建类似小三角形的东西并将这些链接（刚刚溢出）移入？”-这被称为。。。应该能够使用该关键字自己找到适用的脚本。有许多选项：缩小

li

元素的边距，在较小的显示器上缩小字体，或者在显示器宽度非常小的情况下隐藏汉堡菜单中的部分/所有元素。为什么不能将媒体查询添加到导航中@现在我知道我在找什么了。Thanks@ManushVenkatesh因为用媒体查询需要固定参数。但如果是动态元素，那么我认为你无法做到“是否有可能创建类似小三角形的东西，并将这些链接（刚刚溢出）移入？”-这就是众所周知的。。。应该能够使用该关键字自己找到适用的脚本。有许多选项：缩小

li

元素的边距，在较小的显示器上缩小字体，或者在显示器宽度非常小的情况下隐藏汉堡菜单中的部分/所有元素。为什么不能将媒体查询添加到导航中@现在我知道我在找什么了。Thanks@ManushVenkatesh因为用媒体查询需要固定参数。但如果是动态元素，我认为你做不到

<body>
  <nav class="menu">
    <ul class="active">
        <li class="current-item"><a href="?action=?home">
            <i class="fa fa-home fa-3x" aria-hidden="true"></i> <strong class="fa-home-1x home-text">Home</strong></a></li><li><a href="?action=?t"><i class="fa fa-pencil-square-o fa-3x" aria-hidden="true"></i> <strong class="a-sign-language-1x sign-language-text">Click 1</strong></a></li><li><a href="?action=?m"><i class="fa fa-truck fa-3x" aria-hidden="true"></i> <strong class="a-sign-language-1x sign-language-text">Click 2</strong></a></li><li><a href="?action=?g"><i class="fa fa-sign-language fa-3x" aria-hidden="true"></i> <strong class="a-sign-language-1x sign-language-text">Click 3</strong></a></li>  
        <li>
            <a href="?action=?log-out"><i class="fa fa-sign-out fa-3x" aria-hidden="true"></i> <strong class="fa-home-1x sign-out-text">Sign Out</strong></a></li>
    </ul>
    <a class="toggle-nav" href="#"><i class="fa fa-bars"></i></a>
</nav>
 </body>