【问题标题】:How to make text stay large using responsive classes如何使用响应式类使文本保持较大
【发布时间】:2020-11-12 03:08:57
【问题描述】:

我希望我的标题始终保持较大。这是我的代码。

 <h1 className='main-title  sm:text-4xl md:text-5xl lg:text-5xl xl:text-5xl font-bold '>

我将屏幕最小化,文本会变小并且不会保持很大。

【问题讨论】:

  • 什么是'className'?不应该只是'class'吗?
  • 我正在使用 React 所以它的 JSX。您必须说 className 而不是 class。我应该在问题中指定。

标签: tailwind-css


【解决方案1】:

默认情况下,Tailwind 使用移动优先断点系统。

<h1 class='main-title text-4xl md:text-5xl font-bold' />

【讨论】:

    猜你喜欢
    • 2019-08-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多