如何根据div大小按比例调整字体大小

Question

我试图创建一个网页，其中的页面大小随时调整到窗口大小。虽然我们可以获取图片等，以自动调整为div大小的百分比。我们似乎无法将div内的文本调整为容器的相对％。

此功能需要工作，因为浏览器窗口本身的大小已调整，无需刷新页面。

该网站是基本的，并使用js，css，html。最简单的方法可能会赞赏，但任何解决方案都是太棒了。

谢谢

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'; 
}