Q

响应字体大小 - 适合容器

2014-10-09 75 views 1 likes

1

我遇到了一些情况，我有一个比它包含的div大的单词。看看下面的截图：响应字体大小 - 适合容器

Example Screenshot

我想发生是当一个字太大，以适应其含有专区内，直到它符合将要减少大小。使用上面的截图中我希望它看起来像这样调整时：

Example Screenshot

我该怎么办呢？

我read关于视口大小的排版，但它不关于div的比例。如何创建与div相关的可缩放字体？

我更喜欢CSS解决方案，但如果JS是唯一的方法，那么我会接受这个答案。

2014-10-09 L84

A

回答

1

我从来没有见过一个纯CSS解决这一点，但我已经看到了一些JS的解决方案：

Auto-size dynamic text to fill fixed size container

你可以尝试FitText.js

2014-10-09 23:53:02 CodingWithSpike

+0

感谢您的链接，我会看在他们身上。希望有人会提出（并由所有浏览器实现）一个类似于视口大小但适合包含div的新字体大小单位。 – L84 2014-10-10 00:03:38

相关问题