Texto medida absoluta ¿existe?

Iniciado por eduardo(...)brutaldeath, 9 Abril 2014, 00:25 AM

0 Miembros y 1 Visitante están viendo este tema.

eduardo(...)brutaldeath

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)

Camarografo77

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,

EFEX

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
GITHUB 

eduardo(...)brutaldeath

Cita de: 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,

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.

alan++

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