Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   tamaño de letra proporcional a tamaño ventana (http://www.forosdelweb.com/f53/tamano-letra-proporcional-tamano-ventana-448722/)

monespana 07/12/2006 23:13

tamaño de letra proporcional a tamaño ventana
 
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 08/12/2006 03:08

Re: tamaño de letra proporcional a tamaño ventana
 
Hola monespana. Bienvenido al foro.

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

Saludos, :adios:

Mikmoro 08/12/2006 03:25

Re: tamaño de letra proporcional a tamaño ventana
 
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 10/12/2006 21:55

Re: tamaño de letra proporcional a tamaño ventana
 
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 14/12/2006 04:28

Re: tamaño de letra proporcional a tamaño ventana
 
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


La zona horaria es GMT -6. Ahora son las 10:36.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.