tailwindcss-mobile-first 是用 Tailwind 组织响应式界面的 Skill。它以无前缀样式为基础,再按内容空间用断点增强,而不是用设备名字固定布局。
无前缀并非只在手机生效,断点以上的规则也会继续叠加。可复用卡片放进窄栏时,容器查询看它自己的宽度,更贴近组件所在位置;主文只讲原则,完整配方未展开。
触屏不能只靠悬停,按钮还要看点击范围、间距与键盘焦点。固定底栏需留安全区及正文空间,图片预留尺寸减少跳动。适合在真实内容与多种宽度下核布局;本文未改页面或测设备,四十四像素是这里的建议,不能自动等同全部可访问性标准。