自动调整下拉导航菜单

Question

我在为屏幕较小的设备调整 CSS 时遇到问题。
当我将浏览器调整为具有较小的视口时，导航菜单的一部分会被其他菜单悬停，无法从上方单击按钮。

ul li{
    cursor: pointer;
    float: left;
    font-size: auto;
    width: 10em;
    height: 2em;
    margin-right: 0.25em;
    line-height: 2em;
    background-color: #666666;
    opacity: .7;
    text-align: center;
    border: solid white;
}

Answer 1

<div class="table" >
<link rel="stylesheet" type="text/css" href="link" />
<h3 draggable="false" class="unse">
<ul>        
<li><a onClick="location.href='link'">Home</a>
<ul>
<li><a onClick="link'">Homepage</a></li>
</ul>
</li>
</ul>
<div/>

这是HTML的例子。

Answer 2

我决定在尺寸上使用 VH，对不起大家！

自动调整下拉导航菜单

Auto resize drop down navigation menu

css

tabs

menu

autoresize