Bueno, a ver si se entiende, mi consulta es como podría hacer para hacer responsive el fondo de un div, intenté algo y dió resultado pero no el ideal.
O sea, lo hice centrando la imagen usando esto
background-size: cover;
background-position: center
y no recuerdo ahora que otro atributo probé y dió algo de resultado pero no al 100% es decir al minimizar la ventana para probar no se adapta al 100%.
probé con los media queries y si, resulta pero hay que hacerlo uno por uno y modificando las resoluciones.
Lo que si es más sencillo es insertando la imagen (no colocándola como fondo) y poniendo un ancho de 100% y un alto automático. Pero el problema con eso es que si quisiera escribir texto sobre la imagen no sé como hacer. Intenté soluciones también pero queda el texto fijo y no se adapta. En este caso ¿Existe la posibilidad de insertar texto flotante sobre una imagen insertada y que sea responsivo?
Lo único que me resultó es ponerle al body, fué lo más sencillo y se adapta bien. Pero la pregunta es como hago en un div por ejemplo ¿Hay otra solución más práctica a las que expuse? Saludos.
