html - 根据包装大小设置字体大小

标签 html css

我的问题很简单。我有几个 div 元素,它们的大小会随着某些事件而改变。所有这些元素都有数据,这些数据是一个包含两个或三个单词的字符串。

我希望文本处于最大尺寸但在调整大小后不会溢出元素。

我用 javascript 做了数学运算,但由于有很多规则需要考虑,所以它变得如此复杂。 CSS 有什么方法可以自动为我处理这个问题吗?

最佳答案

我遇到过类似的问题并在这里找到了有用的答案: Font scaling based on width of container

特别是css中视口(viewport)高度和宽度的使用。

关于html - 根据包装大小设置字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48764043/

相关文章:

php - 来自 html 表的 mysql 帖子

javascript - 计时器在 php 文件上使用 js 使输入和文本区域样式返回为默认值

javascript - 从中心向右动画div(css或jquery)

html - 列表项元素符号点重复

html - 在一行中显示图标和文本,每行之间的间距相同

javascript - JQuery 自动完成显示名称并使用 php 和 mysql 维护 id

javascript - 如果验证失败,如何在 Php 中停止重定向?

css - BEM - 如何处理网格和内容 block 的交集

javascript - 如果元素的内容等于指定值,则将类添加到元素

html - 文本在 span 中没有急切对齐