断点|说一说你不了解的Tailwind CSS响应式设计~( 二 )


<!-- This will only center text on screens 640px and wider not on small screens --><div class=\"sm:text-center\"></div>

  1. 使用无前缀的实用程序来定位移动设备 , 并在较大的断点处覆盖它们
<!-- This will center text on mobile and left align it on screens 640px and wider --><div class=\"text-center sm:text-left\"></div>

5.通常最好先为设计实现移动布局 , 然后在对sm屏幕有意义的所有更改上进行分层 , 然后再对md屏幕等进行分层 。
  1. 我们不必为sm断点或xl断点指定背景色 , 您只需要指定实用程序何时应开始生效 , 而不是何时停止 。
<div class=\"bg-teal-500 md:bg-red-500 lg:bg-teal-500\"></div>