ブラウザウィンドウのサイズ変更でnav bar scaleを作成する方法

Question

ブラウザのサイズを変更すると、ナビゲーションバーが元のサイズのままになり、スケールされません。私はバーを中心にして80％の幅のページのボディに留めておきたいと思います。身体の最大幅は1900px、最小幅は700pxです。私は何が間違っているのか分かりますか？

関連HTML：

<div id="hnav"> 
<nav> 
<ul> 
<li><a href="index.html">HOME</a></li> 
<li><a href="about.html">ABOUT</a></li> 
<li><a href="work.html">WORK</a></li> 
<li><a href="resume.html">RESUME</a></li> 
<li><a href="jordanblog.html">JORDAN BLOG</a></li> 
<li><a href="blog.html">BLOG</a></li> 
<li><a href="contact.html">CONTACT</a></li> 
</ul> 
</nav> 
</div> 

関連するCSS：

#hnav {white-space: nowrap; 
max-width: 1900px; 
min-width: 700px; 
text-align: center; 
height: 90px; 
} 

nav ul {list-style-type: none; 
position: fixed, center; 
padding-top: 0; 
width: 100%; 
margin: 0px; 
padding:0; 
background-color: #ffffff; 
} 

nav li { display: inline; 
} 

nav {text-align: center; 
list-style: none; 
font-size: 24px; 
} 

nav a { font-family: arial, verdana; 
color:#000000; 
text-decoration: none; 
padding: 50px; 
display: inline-block; 
} 

nav a:hover { text-decoration: none; 
color: #bfbfbf; 
} 
nav a:focus { text-decoration: none; 
color: #bfbfbf; 
} 

nav a:active { text-decoration: none; 
background-color: #000000; 
color: #cccccc; 
} 

ありがとう！

Answer 1

異なるモニターはウェブサイトのサイズを変更するので、CSSで何かを作成するときは常に％を使用してみてください。私は最大の幅と高さが必要であるかのようにパターを持っているかのようには分かりません。おそらくそうでなければピクセルサイズのものが間違っているでしょう。

希望すると便利です。