CSS: Responsive Design

20th August 2020 at 2:19pm
CSS

Responsive design,中文译为「响应式设计」,是业界用来解决不同大小的屏幕显示同一页面内容的一种手段。

它主要利用 CSS 提供的 media query 能力,来控制不同宽度的屏幕上页面如何显示内容:

@media (max-width: 760px) { ... }

Tailwind CSS 提供了非常好用的 utility,用它。

Resources

TOC