Tailwindcss 移动设备响应式设计
今天在开发过程中想定位移动设备，一般移动设备的屏幕宽度是428px(这里拿我的iPhone 13 Pro Max举例)，但是默认内置的5个断点中最小宽度是640px(sm)，这意味着这里的 sm:断点是不能定位移动设备的
解决方法
移动端的样式不使用断点前缀 sm:，更大的宽度使用断点前缀覆盖，举个例子:
<div class="mx-6 sm:mx-auto md:mx-auto">...</div>Finally
不要将 sm: 理解为"在小屏幕上"，而应将其视为"在小断点处"。