Responsive design，中文译为「响应式设计」，是业界用来解决不同大小的屏幕显示同一页面内容的一种手段。
它主要利用 CSS 提供的 media query 能力，来控制不同宽度的屏幕上页面如何显示内容：
@media (max-width: 760px) { ... }Tailwind CSS 提供了非常好用的 utility，用它。
Resources
- Google 的响应式设计文档: 写得非常好，复刻下其中提到的 cases
- Media Queries: 好的响应式设计案例
Responsive design，中文译为「响应式设计」，是业界用来解决不同大小的屏幕显示同一页面内容的一种手段。
它主要利用 CSS 提供的 media query 能力，来控制不同宽度的屏幕上页面如何显示内容：
@media (max-width: 760px) { ... }Tailwind CSS 提供了非常好用的 utility，用它。