学习响应式设计

本课程探索响应式设计的各个方面。学习如何制作外观精美且对所有人均适用的网站。

了解响应式设计的起源。

使用 CSS 媒介查询使你的设计适应不同的屏幕尺寸。

为不同的语言和书写模式准备你的设计。

使用多种 CSS 技术设计页面布局。

构建可以放置在任何位置的灵活组件。

无论文本出现在何处，都要使其清晰美观。

为你的访问者提供最适合其设备和屏幕的图片。

对你的图片进行更具创意的控制。

使用 SVG 实现可缩放的响应式图标。

使你的设计适应用户偏好，例如深色模式。

确保你的网站对所有人可用。

为不同的输入机制准备你的页面；鼠标、键盘和触摸。

考虑一些适应不同屏幕尺寸的常用 UI 元素。

汇总所有媒介功能让你响应设备和偏好的方式。

为具有多个屏幕的设备准备你的内容。

帮助你采取后续步骤的更多资源。