Para que se ajuste a todas las resoluciones de pantalla tenés quie hacerla responsive.
Probá poniendo esto en el <head>
Código:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
y esto en el css (editá de acuerdo a tu html)
Código:
/* para 980px o menos */
@media screen and (max-width:980px) {
.container {
width:98%;
}
section {
width:68%; }
}
/* para 700px o menos */
@media screen and (max-width:700px) {
aside,section {
float:none; width:96%;
}
nav, section {
font-size:1.2em;
}
aside {
margin-top:5px;
}
nav ul {
float:none; clear:both;
}
}
/* para 480px o menos */
@media screen and (max-width:480px) {
aside {
display:none;
}
nav, section {
font-size:1.5em;
}
section {
width:94%;
}
nav ul {
float:left;
clear:none;
width:50%;
}
nav ul li {
float:none;
}
}