Cómo cambiar el tamaño de fuente proporcionalmente al tamaño de div

Question

Estoy tratando de crear un sitio web donde las páginas cambian el tamaño del tamaño de la ventana sobre la marcha. Si bien podemos obtener imágenes y tal para cambiar el tamaño automáticamente como un% del tamaño div. No parece que podamos cambiar el tamaño del texto dentro de un div a un% relativo del contenedor.

Esta función debería funcionar ya que la ventana del navegador se redimensiona, sin tener que actualizar la página.

El sitio es básico y está usando js, ​​css, html. El método más simple posible sería apreciado, pero cualquier solución es fantástica.

Gracias

Answer 1

incluso utilizan% para el texto. http://w3schools.com/cssref/css_units.asp

Answer 2

¿Qué le parece usar las consultas de medios?

Answer 3

Habrá un ejemplo para ajustar el tamaño de letra en el cambio de tamaño de div. Usar el porcentaje en el div principal y ajustar el tamaño de fuente debería ser el truco.

http://jsfiddle.net/744A2/

Answer 4

Así que usted puede utilizar screen.availHeight para calcular un valor constante que se puede multiplicar con el tamaño de la fuente.

window.onload = function() { 
    document.body.style.fontSize = (Math.ceil(screen.availHeight * parseInt(document.body.style.fontSize)/600) + 'px'; 
}