Search code examples
cssmenutabsautoresize

Auto resize drop down navigation menu

I'm having a problem with adapting my CSS for devices with smaller screens.
When I resize the browser to have smaller viewport, a part of the navigation menu gets hovered by others, making impossible to click on button from above.

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;
}
Solution

  • I resolve using VH on size, sorry for all!