tamaño de letra proporcional a tamaño ventana

monespana · #1 (**permalink**) 07/12/2006, 23:13

Buenas tardes, buenos noches o como para mí buenos días.
Son las 6 de la mañana y no he conseguido dormir ya q no daba solucionado un problema.
Es éste:

Quiero q al reducir el tamaño de ventana o la resolución, varíe proporcionalmente el tamaño de letra de la misma forma q lo haría un div con un width del por ejemplo 75%. Siempre, da igual el tamaño de la ventana, se mantendría esta proporción.
Por ejemplo, querría q un texto ocupase tb el 75% de ese div. Pero sin q apareciesen nuevas filas. Es decir q fuese así xq cambiase el tamaño de la letra y no otras cosas.

Lo conseguí ayer pero de completa casualidad. El problema es q cambié no sé qué y se fue todo al carallo. Intenté volverlo a hacer y me ha sido imposible.

Espero haberlo explicado bien (llevo demasiadas horas sin dormir jeje).

A ver si hay un alma caritativa y con los conocimientos suficientes para resolver este problema.

Un saludo y muchas gracias de:

monespana

JavierB · #2 (**permalink**) 08/12/2006, 03:08

Hola monespana. Bienvenido al foro.

Si ya tienes algo hecho, podrías poner el código a ver si podemos echarte una mano.

Saludos,

Mikmoro · #3 (**permalink**) 08/12/2006, 03:25

Yo personalmente diría que lo que comentas no se puede hacer, porque un tamaño proporcional de letra (%), será proporcional al tamaño de letra computado, es decir, al tamaño de letra base que se esté utilizando, nunca a la ventana del navegador o un contenedor dado (en css o html).

Igual me equivoco y alguien me da una alegría, porque muchas veces me hubiera gustado hacerlo pero no conozco la manera.

Mikel.

monespana · #4 (**permalink**) 10/12/2006, 21:55

Pues probablemente no se pueda hacer.
Quizás por las altas horas de la mañana me pareció q sí lo hacía.
Aún así me parece extraño q algo q en ppio es tan sencillo y muy probablemente util no se pueda hacer.
No mando nada en concreto xq lo único q quería era eso (q a medida q varíes la ventana el texto tb varíe en la misma proporción).
De todas formas muchas gracias por escribir.

Aún así, quizás todavía aparezca alguien...

Un saludo

monespana

cleek · #5 (**permalink**) 14/12/2006, 04:28

creo que SI se puede aunque no lo he probado asi que no me crean mucho.

primero, necesitas que el texto este en algun tag con un id, digamos que el id es "texto", igual se lo puedes poner al body para que todo se altere

Código:

<script>
var fontOriginalSize = 12; // Aqui pones el tamaño de la letra del id "texto"
var windowOriginalWidth = document.documentElement.clientWidth;
function recalcula() {
  var t = document.documentElement.clientWidth;
  var newSize = t*fontOriginalSize/windowOriginalWidth;
  el = document.getElementById('texto');
  el.style.fontSize = newSize;
}
</script>

y en el body

Código:

<body  onResize="recalcula()">

Con suerte y te funciona, Saludos