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

Question

我正在开发一种头戴式显示设备，我计划使用网络用户界面。我希望屏幕上的文字开始非常大，如果屏幕上有太多不合适，请调整大小。我已经在网上找了一个很好的解决方案，但我找不到任何东西。我计划使用Firefox。

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...
});