Foros del web, para los que viven de bits

monespana · 07-dic-2006, 22: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 · 08-dic-2006, 02: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 · 08-dic-2006, 02: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 · 10-dic-2006, 20: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 · 14-dic-2006, 03: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

07-dic-2006, 22:13	#1 (permalink)
monespana Fecha de Ingreso: diciembre-2006 Mensajes: 2	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

08-dic-2006, 02:08	#2 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.552	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, __________________ Lee las Políticas de los foros y escribe correctamente.

08-dic-2006, 02:25	#3 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.351	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.

10-dic-2006, 20:55	#4 (permalink)
monespana Fecha de Ingreso: diciembre-2006 Mensajes: 2	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

14-dic-2006, 03:28	#5 (permalink)
cleek Fecha de Ingreso: diciembre-2006 Ubicación: Atras del cocodrilo Mensajes: 102	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 = tfontOriginalSize/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

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado