我的问题是当我最小化浏览器窗口时，水平导航栏开始变成垂直导航栏，而我不想要这个效果。我尝试使用min-width和max-width，但它没有解决我的问题，或者我只是错误地应用了它。 以下是HTML代码：
<html>
<head><title></title></head>
<body>
<!--Navigation Bar-->
<div id="nav" class="nav">
<ul>
<li><a href="#">******</a></li>
<li><a href="#">*********</a></li>
<li><a href="#">****</a></li>
<li><a href="#">***********</a></li>
<li><a href="#">*********</a></li>
</ul>
</div>
<div id="header"></div>
<div id="container"></div>
</body>
</html>
我的 CSS 代码如下：
#nav {
position:fixed;
text-align:center;
width:100%;
height:110px;
}
#nav ul {
list-style: none;
display: inline-block;
text-align:center;
padding-top:10px;
font-size:30px;
font-weight:bold;
}
#nav ul li {
float:left;
border-radius:10px;
display:inline-block;
}
#nav ul li:hover {
border:2px solid #000000;
border-radius:10px;
box-shadow:7px 7px 3.5px #000000;
}
#nav ul li a {
display: block;
padding:10px 70px;
color: #ff0000;
text-decoration: none;
}
有人能帮我吗？
这与IT技术无关。