Duda con texto responsive en movil

devilcametome

Piedra
Usuario de Piedra
Mensajes
57
Puntuación de reacción
0
Hola! a ver si alguien puede ayudarme ya que ando un poco liado con este tema, el problema es que hay un titulo en mi pagina que en el móvil ocupa 2 lineas, osea se baja el texto y queda mal, sin embargo, en el pc se ve perfectamente en una linea y no se descuadra, si le bajo el tamaño de la fuente, en el móvil se ve bien en una linea pero en el pc muy pequeño!

Hay alguna manera de poder modificar solo el texto del móvil?

Espero haberme explicado bien xd muchas gracias
 
Mensajes
360
Puntuación de reacción
0
1. Mira si hay espacios libres innecesarios entre el texto, si hay elimínalos
2. Cambia el tamaño de la fuente en el código CSS
3. Si con lo anterior no se soluciona cambia el tipo de fuente.

Siempre puedes intentar la solución más fácil que es reducir el texto que intentas poner por otro con menos caracteres. Al principio puede parecer algo molesto pero la limitación de medios da lugar a grandes hallazgos.

Saludos y felices fiestas
 

anders

Piedra
Usuario de Piedra
Mensajes
53
Puntuación de reacción
0
Usa media-queries, aunque si ajustas el tamaño de fuente para que dicho título quede en una línea, qué pasaría en un futuro si tienes otro con más palabras/caracteres. Podrías probar también ajustando el line-height o cualquiera de las otras propiedades para que quede bien en 2 o más líneas.
 
Mensajes
21
Puntuación de reacción
0
Haz uso de los media queries en CSS, dependiendo de un rango de resoluciones ajusta el tamaño de fuente, de esta forma se vera bien en todos los dispositivos cuya resolucion especifiques, es cuestion de probar.

Por dar un ejemplo, modifico el tamaño de fuente para que sea mas grande en resoluciones 641px hasta 1024px, y un poco mas pequeña de 0px hasta 640px:
Código:
@media screen and (max-width: 1024px) {
   font-size: 2em;
}
@media screen and (max-width: 640px) {
   font-size: 1.5em;
}
 
Arriba