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

Question

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

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

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

Спасибо

Answer 1

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

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

Answer 2

Несколько примеров для настройки размера шрифта при изменении размера div. Использование процента в родительском div и корректировка размера шрифта должны помочь.

http://jsfiddle.net/744A2/

Answer 3

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

Answer 4

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