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，对不起！

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

2 个答案: