gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 06:38:51 24 4
gpt4 key购买 nike

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

Sidebar Display Name

最佳答案

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

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

更新

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

关于html - 根据容器宽度减小标签文本大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53982262/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com