Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: eduardo(...)brutaldeath en 9 Abril 2014, 00:25 am



Título: Texto medida absoluta ¿existe?
Publicado por: eduardo(...)brutaldeath en 9 Abril 2014, 00:25 am
Hola a todos
¿Alguien sabe cómo hacer para que las letras no crezcan?
Es que yo trabajo todo con porcentajes, por eso mis contenedores se adaptan a todas las resoluciones, el problema es que no he podido conseguir que el texto se adapte a la par con otros elementos de mi web. Mejor dicho, uso porcentajes para todo lo que entra en mi web excepto texto, porque creo que no se puede. Si le pones al texto medida porcentual cuando haces zoom el texto sigue creciendo, como si estuviera en pixeles, y como mis contenedores no se mueven el texto se sale de ellos
¿Alguien tiene una solución? (que no sea usar pixeles)


Título: Re: Texto medida absoluta ¿existe?
Publicado por: Camarografo77 en 9 Abril 2014, 22:43 pm
Los pixeles son tamaños fijos, no crecen como los porcentajes, otra cosa muy diferente es ver tamaños distintos en diferentes dispositivos.

Sería mas fácil ver algún demo para entenderte mejor.

Saludos,


Título: Re: Texto medida absoluta ¿existe?
Publicado por: EFEX en 9 Abril 2014, 23:10 pm
Nuevos valores CSS3 vw, vh, vmin, vmax.
http://dev.w3.org/csswg/css-values/#viewport-relative-lengths

No lo probe pero aqui hay ejemplo mas un fix para chrome 20 safari 6 y un script para saber si el navegador lo soporta..
http://css-tricks.com/viewport-sized-typography/
http://caniuse.com/#search=vw


Título: Re: Texto medida absoluta ¿existe?
Publicado por: eduardo(...)brutaldeath en 10 Abril 2014, 18:41 pm
Los pixeles son tamaños fijos, no crecen como los porcentajes, otra cosa muy diferente es ver tamaños distintos en diferentes dispositivos.

Sería mas fácil ver algún demo para entenderte mejor.

Saludos,

Imagina que tengo un contenedor que ocupa el 100% de ancho y alto de la página, y adentro tengo mucho texto. Cuando hago zoom, el contenedor no cambia su tamaño porque está en porcentajes, pero el texto, así esté en pixeles o porcentajes, sigue creciendo, y llega un momento en que sale del contenedor. Esto no pasa si haces toda la web es pixeles, ya que cuando haces zoom, tanto el texto como el contenedor crecen.


Título: Re: Texto medida absoluta ¿existe?
Publicado por: alan++ en 11 Abril 2014, 14:02 pm
Con las medias de css podes optimizarlo, yo tenia ese mismo problema y encontre la solucion mas obvio...

Si mi fuente a 1920px se ve a 150%, a 1000px 120% y a 500px 100%, en algunos momentos sobra un poquito mas de espacio, pero prestandole algo de atencion haces que siempre sea legible y agradable...

O mejor aun, no le pongas un height al cuadro contenedor, de esta forma siempre se va a ajusta a la cantidad de la fuente