Foros del Web - Fuente proporcional al tamaño de la ventana

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Fuente proporcional al tamaño de la ventana (http://www.forosdelweb.com/f53/fuente-proporcional-tamano-ventana-352194/)

Fuente proporcional al tamaño de la ventana

Estoy desarrollando una página que me gustaría que se viera bien en cualquier resolución (a que soy original?) y dado que es una web con poco texto y además diseminado por la página pues no puedo hacer una página con texto líquido y además el cliente quiere que la página ocupe toda la pantalla.

Es por eso que me he decidido a usar porcentajes en los estilos de la página. Y la verdad es que está yendo de maravilla en todo salvo en las fuentes. El tamaño de las fuentes, si se pone en porcentaje no se toma del tamaño de la ventana sino del tamaño de la fuente normal (como ya sabemos todos) y por ello no me sirve.

Necesito que cambie de tamaño según el tamaño de la ventana. He hecho un pequeño script que redimensiona según la resolución de la pantalla, pero eso sólo sirve si el personaje visitante de la web abre la misma a pantalla completa.

No se me ocurre ninguna solución mejor, pero eso no quiere decir que no la haya, verdad?;-) ¿A alguien se le ocurre?

Usa medidas em, tanto para las fuentes como para las divisiones.

Edito: Pensandolo mejor, em no te servirá, pues solo serviría si el usuario amplia el tamaño de la letra en pantalla. Seguiremos pensando :pensando:

Saludos

Venía dispuesto a contestarte lo que habías editado. De todas formas muchas gracias por el interés, baccxus!

Hola KarlanKas

Yo también he tecleado un poco de código, a ver si te sirve, aunque sea de inspiración:

Código PHP:

   <html>
<head>
<style type="text/css">
body {font-size:1em}
</style>
<script type="text/javascript">
function pepe() {
  ancho=document.body.offsetWidth;
  document.body.style.fontSize=ancho/400+'em';
}
</script>
</head>
<body onresize="pepe()">
<p>En un lugar de la Mancha de cuyo nombre no quiero acordarme</p>
</body>
</html>

Saludos, :adios:

Ves? Ya sabía yo que había una propiedad que era el ancho de la ventana. Pero no me salía y cuando la buscaba la buscaba con respecto a la ventana y no respecto al documento. Creo incluso (ahora que lo leo) que tunait ya me respondió al respecto hace un par de años con el mismo tema...

Muchas gracias, Javier! Sobre todo por la function pepe... me ha llegado al alma!! :-( (perdona que me emocione!)

Siempre es un placer echar una mano (aunque solo tenga cinco dedos) a un ser de un planeta amigo :cool: