El tamaño del texto no se adapta a la resolución de pantalla

[drayavk]

Muy buenas a todos.

Soy nuevo en el foro pero en el diseño web, y para empezar os comento mi problema:

Tengo una web a punto de terminar hecha con BootStrap 3.0 y el "maldito" texto, ya sea h1, h2 ,h3, etc.. o los <p>, no se ajustan el tamaño (font-size) a su resolución de pantalla. En los dispositivos móviles se ven los textos muy grandes y la verdad que he probado varias cosas pero nada de nada.

¿Alguna clase CSS de BootStrap o algún script para que se vayan ajustando los tamaños de los textos?.

Muchas gracias de ante mano.

Saludos.

David

[HostinGroup]

Intenta usando el tamaño en "em". p.e.: font-size: 1em

[alzacon]

Yo no consigo enterarme cual es el problema que tienes con el texto.
Puede que sea te refieras algo como lo de este hilo, el último comentario es el bueno (la respuesta al porqué).
http://www.forosdelweb.com/f53/reduc...e-div-1107876/

[LinoJaime]

Es facil tienes que usar "Media Queries"

Código:

/* Smartphones ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
body{
 font-size: 10px;
}
}


/* iPads  ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
body{
 font-size: 12px;
}
}

/* Computadores y Notebooks ----------- */
@media only screen 
and (min-width : 1224px) {
body{
 font-size: 14px;
}
}

/* Pantallas Grandes----------- */
@media only screen 
and (min-width : 1824px) {
body{
 font-size: 20px;
}
}

Ahi puedes jugar con las resoluciones y los tamaños de las letras que quieras.

[drayavk]

Muchas gracias a todos por los aportes.

Ya probé cambiando los px a em e incluso a % de los font-size pero no me funciono.

LinoJaime: como ya comentaba la web está hecha con BootStrap 3.0 y por eso creo que ya vienen configurados los "media queries" (aun así lo echare un vistazo)

Os dejo el link de la web por si acaso no me he explicado bien y si podeis echar un vistazo.

http://www.marketingcirugia.hol.es/

Muchas gracias de nuevo.

Saludos

David

[Mariano_Floyd]

El texto no se te va a adaptar a la resolución, tenes que utilizar media queries como te dijeron.

[carloscartovar]

Revisa como están los media queries en bootstrap y modifícalos a tu conveniencia, con eso debe bastar.

[MarkFL]

Realiza un override de los media queries de Bostrap seguro ahi esta el problema, suerte!

[drayavk]

Hola MarkFl y compañia,

Perdona la ignorancia ¿a que te refieres con un override?.

Tengo entendido que BootStrap 3 viene por defecto preparado para las resoluciones pequeñas...he estado mirando en el CSS y efectivamente no aparece nada.


¿Alguien ha probado la unidad de medida rem para los textos?.


Creo que al final dejare el tema y pasare a otra cosa...


Muchas gracias.

Saludos

David