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

Question

我正在尝试创建一个网站，页面的大小会实时调整为Windows大小。 虽然我们可以获取图像等，并以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