Как изменить размер шрифта пропорционально размеру div

Question

Я пытаюсь создать веб-сайт, на котором страницы изменяются на размер окна на лету. Хотя мы можем получать изображения и такие, чтобы автоматически изменять размер в% от размера div. Кажется, мы не можем изменить размер текста в div до относительного% контейнера.

Эта функция должна работать, поскольку само окно браузера изменяется, без необходимости обновлять страницу.

Сайт является основным и использует js, css, html. Самый простой способ можно было бы оценить, но любое решение является фантастическим.

Thanks

Answer 1

даже использование% для текста. http://w3schools.com/cssref/css_units.asp

Answer 2

Как насчет использования медиа-запросов?

Answer 3

Поднял пример, чтобы отрегулировать размер шрифта при изменении размера div. Использование процента в родительском div и настройка размера шрифта должны сделать трюк.

http://jsfiddle.net/744A2/

Answer 4

Таким образом, вы можете использовать screen.availHeight вычислить постоянную величину, вы можете умножить размер шрифта.

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