Question

这是我以前从未遇到过的。是否可以使用浏览器的窗口大小进行字体缩放。例如：使字体大小为可用宽度的100％。我对Javascript，jQuery或CSS解决方案持开放态度。

Answer 1

“字体大小100％的可用宽度”是什么意思？您的字体大小（以像素为单位）将等于页面的宽度（以像素为单位），或者某些文本是否会填充页面的宽度？

第一种情况：font-size等于页面宽度

如果您可以使用JavaScript，则可以监听窗口大小更改事件，然后在每次更改窗口大小时更改字体大小。无论您熟悉什么，都可以使用纯JavaScript或JQuery来完成它。

第二种情况：文本的宽度等于页面宽度

这个很难轻松实现，因为不同的浏览器具有不同的布局选项，也受每个用户的可访问性设置的影响。您可能尝试做的是调整<div/>内的字体大小，测量<div/>的宽度并重新调整字体大小，直到获得所需的宽度。

当然，至少你有几天时间来优化这个东西，这会产生可怕的视觉效果。要减少它，您可以调整背景上的文本（不可见的文本），找到所需的字体大小/宽度，然后将其应用于可见的块。

Answer 2

我不明白为什么你不能。只需为window resize事件创建一个JS处理程序，并更改处理函数中目标元素的style.fontSize属性。所以，像：

window.onresize = function(event) {
    document.getElementById('targ').style.fontSize='10';
}