Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/01/2016, 22:22
Avatar de g3kdigital
g3kdigital
 
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 10 años, 4 meses
Puntos: 39
Respuesta: Tamaño del texto responsive

El que uses bootstrap o no, no afecta, la solución es usar mediaqueries aunque si quieres que se adapte siempre al tamaño del dispositivo usa las medidas vh o vw, así:

Código CSS:
Ver original
  1. font-size: 3vh; /*30% la altura del dispositivo*/
  2. /* o también*/
  3. font-size: 3vw; /*30% el ancho del dispositivo*/

Con mediaqueries sería algo así:

Código CSS:
Ver original
  1. /*este estilo solo se aplicara cuando este
  2. en dispositivos con una anchura menor a 600px*/
  3.  
  4. @media (max-width: 600px) {
  5.   .elemento {
  6.     font-size: 1.2em;
  7.   }
  8. }

Aunque puedes combinar las dos técnicas. Hay otras medidas dinámicas parecidas: vmax y vmin, la idea es que experimentes.

Por cierto, aunque sí se puede y eres libre de hacerlo o no, lo recomendado es que solo declares un font-size en pixeles una única vez en el body y en los demás elementos uses la medida relativa em o rem.
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital