【问题标题】:Responsive Font Sizing - Fit the Container响应式字体大小 - 适合容器
【发布时间】:2014-12-05 01:13:36
【问题描述】:

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

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

我该怎么做?

read 关于视口大小的排版,但它不会相对于 div 进行缩放。如何创建与 div 相关的可缩放字体?

我更喜欢纯 CSS 的解决方案,但如果 JS 是唯一的方法,那么我会接受这个答案。

【问题讨论】:

    标签: css responsive-design font-size


    【解决方案1】:

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

    Auto-size dynamic text to fill fixed size container

    你可以试试FitText.js

    【讨论】:

    • 感谢您的链接,我会看看它们。希望有人会提议(并由所有浏览器实现)一个类似于视口大小但适合包含 div 的新字体大小单位。
    猜你喜欢
    • 2015-10-30
    • 1970-01-01
    • 2013-06-01
    • 2013-06-04
    • 2016-12-19
    • 1970-01-01
    • 2018-04-21
    • 2012-08-10
    • 1970-01-01
    相关资源
    最近更新 更多