debe ser asi:
Código CSS:
Ver original/*aplicamos el alto al body y httml*/
html, body{
heigth: 100%;
}
/*quitamos margenes al body*/
body{
marging: 0px;
}
/*comenzamos a maquetar*/
/*aplicamos al header el porcentaje que deseamos que mantenga*/
.header{
heigth: 20%;
/*resto de estilos*/
}
.content{
heigth: 60%;
/*resto de estilos*/
}
.footer{
heigth: 20%;
/*resto de estilos*/
}
de esta manera sea cual sea la pantalla el va a mantener el mismo alto en cada uno de esos elementos