在 CSS/JavaScript 中调整溢出时的文本大小

Question

我正在开发一种头戴式显示设备，并计划为其使用 Web UI。我希望屏幕上的文本开始时非常大，如果屏幕上放不下太多，我会调整大小。我在网上寻找一个好的解决方案，但我找不到任何东西。我打算用火狐。

Answer 1

对于这个需求，你可以使用jQuery TextFill来适应你的容器。您只需要以下代码：

<script src="jquery.min.js"></script>
<script src="jquery.textfill.min.js"></script>

<div id="my-element" style="width:100px; height:50px;">
    <span>My awesome text!</span>
</div>

$('#my-element').textfill({
    ...options...
});