Del curso: CSS: Diseño web responsive

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.100 cursos impartidos por expertos del sector.

Texto responsivo integrado en el diseño y en el uso de CSS

Texto responsivo integrado en el diseño y en el uso de CSS

Del curso: CSS: Diseño web responsive

Comenzar mi mes de prueba gratis Comprar para mi equipo

Texto responsivo integrado en el diseño y en el uso de CSS

“

En este vídeo vamos a ver cómo trabajar con los textos, mientras tenemos un diseño web "responsive". Lo primero que deberemos hacer será cambiar los tamaños de las fuentes de píxeles a EM. ¿Por qué? Aquí tenemos renderizada una web con píxeles. Si yo hago que la base sea en EM, me da la posibilidad de poder hacer que los textos se adapten correctamente a cualquier dispositivo de pantalla. Si yo modifico esto, me da la posibilidad de poder modificar los textos y poder hacer que sean lo suficientemente legibles como a mí me interese y que crezcan responsivamente teniendo en cuenta esto. Así tenemos en el escritorio esto. Y en iPad –esto al 100 % como os digo siempre– aquí tenemos nuestros textos mucho más grandes. Por eso es importante hacer que nuestros textos en "responsive" estén referenciados por EM. Acordaos de que cuando trabajamos con EM, la herencia de clases funciona. Es decir, hay que tener cuidado con dónde aplicamos EM. Por eso yo os aconsejo utilizar, en vez de EM, R-E-M…

Contenido