自适应字体大小调整-适合容器

L84

我遇到了一些情况,即我的单词比其包含的div大。看一下下面的截图:

屏幕截图示例

我想发生的是,当一个单词太大而无法容纳其包含的div时,它将减小大小,直到适合为止。使用上面的屏幕截图,我希望它在调整大小时看起来像这样:

屏幕截图示例

我该怎么做呢?

阅读关于视口大小的印刷术,但它并不相对于div定标。如何创建与div相关的可缩放字体?

我更喜欢仅使用CSS的解决方案,但是如果仅使用JS,那么我将接受该答案。

峰值编码

我从未见过纯CSS解决方案,但是我见过一些JS解决方案:

自动调整动态文本大小以填充固定大小的容器

您可以尝试FitText.js

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

调整元素大小以适合容器

来自分类Dev

调整字体大小以适合矩形

来自分类Dev

调整字体大小以适合矩形

来自分类Dev

自适应大小调整

来自分类Dev

调整图标大小以适合容器元素?

来自分类Dev

动态调整容器大小以适合文本

来自分类Dev

CakePHP图像未调整大小,适合容器

来自分类Dev

调整Flex Spark图像大小以适合容器

来自分类Dev

调整导航栏标题字体大小以适合文本

来自分类Dev

字体大小调整

来自分类Dev

如果文本长于其容器,请降低字体大小,直到文本适合

来自分类Dev

如何在JS中更改字体大小以适合其容器?

来自分类Dev

液体容器Play Framework中的自动调整的字体大小

来自分类Dev

iOS 9自适应字体大小?

来自分类Dev

如何调整Java Script元素的大小以适合其容器窗口

来自分类Dev

调整容器div的大小以完全适合渲染的React组件

来自分类Dev

如何使用CSS调整图像大小以适合其容器

来自分类Dev

动态调整div的CSS缩放以适合容器的大小

来自分类Dev

调整HTML视频的大小以适合父容器的高度*和*宽度

来自分类Dev

如何调整图像大小以使其适合CSS容器?

来自分类Dev

调整容器DIV的大小以适合元素高度

来自分类Dev

CSS避免容器调整大小以适合粗体文本

来自分类Dev

自动调整 N 个图像的大小以适合容器

来自分类Dev

md-button调整字体大小以适合按钮大小

来自分类Dev

md-button调整字体大小以适合按钮大小

来自分类Dev

iOS7-调整多行标签的字体大小以适合其框架

来自分类Dev

manifest.js调整字体大小以适合幻灯片

来自分类Dev

使用Graphics.DrawString时动态调整字体大小以适合空间

来自分类Dev

使用Graphics.DrawString时动态调整字体大小以适合空间

Related 相关文章

热门标签

归档