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

Question

我正在尝试创建一个网站，其中页面会动态调整窗口大小。虽然我们可以获得图像等，并自动调整为div大小的百分比。我们似乎无法将div中的文本大小调整为容器的相对百分比。

此功能需要在浏览器窗口本身调整大小时工作，而无需刷新页面。

网站是基本的，使用的是js，css，html。可能最简单的方法，但任何解决方案都很棒。

谢谢

Answer 1

用一些例子来调整div大小变化的字体大小。使用父div中的百分比并调整字体大小应该可以解决问题。

http://jsfiddle.net/744A2/

Answer 2

因此，您可以使用screen.availHeight计算一个常数值，您可以将其与字体大小相乘。

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

Answer 3

使用媒体查询怎么样？

Answer 4

甚至将％用于文本。 http://w3schools.com/cssref/css_units.asp