【问题标题】:Is there a method to let text be responsive有没有让文本响应的方法
【发布时间】:2022-07-11 20:12:41
【问题描述】:

我在 Web 开发中最大的问题是让页面具有响应性。我只想要文本的大小适应屏幕大小。我知道 vw 和 vh 的值,但它仍然不一样,尽管我一直使用 vw 和 vh。我想要一个公式或类似的东西。我在互联网上看到了一个东西,它可以让你的文本响应,但我真的不知道如何使用它。是这样的:

font-size: clamp(20px, calc(20px + (50 - 20) * ((100vw - 420px) / (1200 - 420))), 60px);

如果有人能给我答案,我会很高兴的。

【问题讨论】:

  • 您可以更改您的网络应用程序,以便在屏幕/视口更改时内容不会移动、调整大小或换行。目前尚不清楚您要达到的目标。

标签: javascript html css


【解决方案1】:

当您使用 VW 来调整屏幕大小时,您的项目文本大小会更改使用 rem 而不是 vw

【讨论】:

  • 关于文本/字体大小的问题中没有任何内容。
【解决方案2】:

你应该使用bootstrap Grids,例如,如果你想让两个div's成为inline,你应该为每个parent使用col-6,它会响应

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-10-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多