Diseño sensible

[falmar]

Hola buenas, mi pregunta es la siguiente, tengo hecho una web que cuando cambia de tamaño las imágenes se redimensionan sin problemas pero el texto no, y eso que lo tengo en em.

con esta propiedad las imágenes se redimensionan pero el texto no. Hay alguna propiedad para que el texto se redimensione como las imágenes?

img {
max-width: 100%;
}

Gracias

Un saludo

[pzin]

De forma automática no creo.

Puedes usar media queries, que creo que es lo que se suele usar:

Código CSS:

@media screen (max-width: 1024px) {
    /* Instrucciones para cuando el ancho máximo sea de 1024px */
    body {
        font-size: 1em;
    }
}
@media screen (max-width: 800px) {
    /* Instrucciones para cuando el ancho máximo sea de 800px */
    body {
        font-size:.8m;
    }
}
 

Y así sucesivamente.

[falmar]

Ok, muchas gracias, esto es perfecto.

Un saludo