【问题标题】:How do I make text as big as possible in a container if I don't know what the text is?如果我不知道文本是什么,如何在容器中使文本尽可能大?
【发布时间】:2020-04-04 12:59:01
【问题描述】:

我有一个容器(宽度 100%,高度 100%,所以它会填满屏幕,如果这很重要的话)。我有一点文字,但我不知道它是什么;它可以是一个单词或几行。是否可以使用纯 CSS 将字体大小设置为某个值,以便文本尽可能大而不会换行、溢出或让用户滚动?如果没有,使用 JS 最简单的方法是什么?

因为不知道文字是什么,所以无法使用vwvh

【问题讨论】:

    标签: html css font-size


    【解决方案1】:

    有一个 jQuery 插件可以为您轻松完成这项工作,它被称为FitText。 示例脚本如下所示。

    `jQuery("h1").fitText(0.38);`
    

    您可以查看source 以获得比 jQuery 更多的解决方案。

    【讨论】:

    • 谢谢。我使用了您在源代码中提到的插件之一(即 textFit)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-11-09
    • 2015-07-04
    • 1970-01-01
    • 2021-05-15
    • 1970-01-01
    • 2015-07-23
    • 2011-06-27
    相关资源
    最近更新 更多