Foros del Web » Creando para Internet » CSS »

tamaño de letra proporcional a tamaño ventana

Estas en el tema de tamaño de letra proporcional a tamaño ventana en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/12/2006, 23:13
 
Fecha de Ingreso: diciembre-2006
Mensajes: 2
Antigüedad: 11 años
Puntos: 0
Pregunta 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
  #2 (permalink)  
Antiguo 08/12/2006, 03:08
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
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,
  #3 (permalink)  
Antiguo 08/12/2006, 03:25
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
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.
  #4 (permalink)  
Antiguo 10/12/2006, 21:55
 
Fecha de Ingreso: diciembre-2006
Mensajes: 2
Antigüedad: 11 años
Puntos: 0
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
  #5 (permalink)  
Antiguo 14/12/2006, 04:28
Avatar de cleek  
Fecha de Ingreso: diciembre-2006
Ubicación: Atras del cocodrilo
Mensajes: 122
Antigüedad: 11 años
Puntos: 1
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:41.