Tengo un DIV header que uso de portada para mi sitio web, en el tengo una imagen de fondo. Estoy intentando adaptar mi sitio para diferentes pantallas.
Cuando todo era fijo no tenia problemas con el alto, indicaba el height en pixeles y me mostraba la imagen de fondo completa dentro del div.
Ahora cuando se reduce la pantalla la imagen se reduce escaladamente, pero no logro que el alto del Div le siga el paso. basicamente a poner height auto o 100% ni siquiera muestra toda la imagen del fondo.
Código CSS:
Ver original#header{background: url(imagen) no-repeat; display: block; background-position: center center; background-size: 100% auto; height: 100%; max-width: 100%; max-height:100%}
dentro del div header no hay nada.