自动调整大小下拉导航菜单答案

【问题标题】：Auto resize drop down navigation menu自动调整大小下拉导航菜单
【发布时间】：2019-08-23 21:03:31
【问题描述】：

我在为屏幕较小的设备调整 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;
}

【问题讨论】：

请也向我们展示您的 html！（见minimal reproducible example）

标签： css menu tabs autoresize

【解决方案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 的一个例子。

【讨论】：

【解决方案2】：

我解决了在尺寸上使用 VH，对不起！

【讨论】：