javascript - HTML/CSS - 调整字体大小以填充父级高度和宽度

标签 javascript html css font-size

我有一个 <div>随着浏览器窗口调整大小而调整大小的元素。

<div>里面我有一段文字:

<div style="width:80%; height:80%; margin:10%;">
    <p>Paragraph of text. Paragraph of text. Paragraph of text.</p>
</div>

我想要更改文本 font-size当我调整 <div> 的大小时, 这样文本将占用 100% 的可用空间。

如何实现这种效果?
会使用百分比字体大小吗?
我必须使用 Javascript 吗?

提前致谢!

最佳答案

为此有一个 jquery 插件:http://fittextjs.com/

关于javascript - HTML/CSS - 调整字体大小以填充父级高度和宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7826086/

相关文章:

javascript - 仅 JavaScript 动态数组字段验证

javascript - 在 Javascript/jQuery 循环末尾添加延迟

html - 自动播放 &lt;iframe&gt; Youtube 视频 - ?autoplay=1 不工作

html - 你如何使图像闪烁?

css - 使 Li 宽度不受其 ul child 的影响

jquery - slideUp相关UI设计

jquery - 列中的图像对齐

javascript - 在javascript中枚举哈希对象的所有属性而不使用for in?

javascript - 想要使用 HTML5 的 Polyfill 来使日期类型在 Firefox 中工作

javascript - Fancybox iframe 内容 - 如何从父级访问 CSS?