html - Bootstrap container 或者 Well keep the well one size and enlarge text

Question

我正在尝试填充一个容器或一口井，但我相信容器会更好用。我需要容器保持它在这个 Jsfiddle 中的大小，但我需要将文本放大并拉近边界。

<div class="container-fluid color-back">
  <div style='font-size:2500%; color:orange; text-align: center'>
Text
  </div>
</div>

Answer 1

这有点难，但并非不可能。您需要计算容器宽度并相应地设置字体大小。这很棘手，因为字体大小会根据文本中的字符数而变化。基于 javascript 的解决方案可能更容易实现。你看过类似 http://fittextjs.com/ 的东西吗？ ？

对于基于纯 css 的解决方案，请查看 vw 和 vh。它们并不完全适合容器，而是基于视口(viewport)大小。