¿Cuál es la mejor manera en Html / css para agrandar el texto sin que se vea feo una vez utilizado en otras pantallas de tamaño?

Answer 1

No amplías texto en HTML. Recuerda que HTML es para contenido y CSS para presentación.

Como ha mencionado Bastien Koert, puede usar consultas de medios para determinar el tamaño de la pantalla

Preguntas de los medios

Todas las especificaciones CSS

y luego tener diferentes tamaños de fuente para diferentes consultas. También he incluido un color diferente para que sea más fácil ver cuando se aplican las consultas.

[código]

pag {

color: # FF0000;

tamaño de fuente: 36px;

}

pag {

color: # 00FF00;

tamaño de fuente: 24px;

}

¡Comprueba mis consultas!

Es posible que el estilo de este texto sea diferente en los dos archivos css diferentes

[/código]

Answer 2

Bueno, hay dos maneras de hacer esto:

1. La primera forma de resolver este problema es usar unidades VH o VW en lugar de unidades PX. Básicamente, si usa unidades vh o vw, (por ejemplo, font-size: 10vh;) el texto cambiará de tamaño en función del tamaño de la ventana gráfica.

2. La segunda forma es con consultas de medios. Esto puede permitirle cambiar el estilo basado en diferentes tamaños de dispositivos móviles.

¡Espero que esto ayude!

Echa un vistazo a algunos ejemplos:

Proyecto 180 Días

Answer 3

La mejor solución: establecer el tamaño del texto con ems.

Una solución más probable para tamaños muy específicos, utilice consultas de medios, consulte esta https://developer.mozilla.org/es …

Otra solución es usar el elemento jQuery get hmtl y usar una constante para calcular el tamaño del texto, y luego usar jQuery para establecer el atributo css.

Answer 4

Haz que tu texto sea sensible. Utilice el tamaño de fuente en términos de VW (ancho de la ventana gráfica) y VH (altura de la ventana gráfica) en lugar de usar PX (píxel)