html - 根据容器宽度减小标签文本大小

Question

我有一个带有显示名称的侧边栏，问题是如果用户名太长，它将超出容器。我尝试使用 Jquery FitText，但它似乎没有做我想做的事，除非我做错了什么。即使我更改浏览器窗口大小并且名称所在的容器没有更改任何内容，也始终调用调整大小的函数。有没有办法让文本适合容器而不超出它？

标签： htmlcssasp.net

Answer 1

这实际上可以通过纯 CSS 实现。

这是一篇很棒的文章：https ://css-tricks.com/viewport-sized-typography/ 。

更新

使用纯 CSS 的问题是文本将始终适合视口。以下自定义解决方案仅在溢出包含框时更改文本大小：jsfiddle.net/0swbytek