响应式网页设计

课程简介：

一个响应式网页设计的基础教程。如果你想为 iPad，iPhone，Android 设备去设计页面，这个课程是必看的一个基础。

适用人群：网页设计师，网页设计爱好者，自由职业

此为宁皓网出品课程，版权归原作者所有，收集整理于网络。

课程目录：

01.课程介绍

02.响应式设计的真实例子

基础

03.viewport-可视窗口

04.手工配置viewport

05.像素密度

媒体查询

06.应用媒体查询的方法

07.mediatype媒体类型

08.meidafeature媒体特性

09.aspect-ratio可视窗口宽与高的比例

10.device-aspect-ratio设备的宽与高的比例

11.orientation设备的使用方向

12.height（可视窗口高度）与device-height（设备高度）

13.width（可视窗口宽度）与device-width（设备宽度）

14.resolution像素密度

15.操作符-and

16.逗号分隔连接多个媒体查询

17.操作符-not

布局

18.响应式布局#1

19.响应式布局#2

20.响应式布局#3

导航

21.响应式导航

22.导航菜单的HTML

23.导航菜单的CSS

24.切换按钮的样式

25.响应式导航菜单的样式

图像

26.响应式的图像

27.响应式的背景图像

28.不同尺寸的设备使用不同的图像

29.不同尺寸的设备使用不同的背景图像

30.根据屏幕密度切换不同的背景图像

31.picturefill

幻灯片

32.响应式幻灯片

33.幻灯片的控制按钮

34.幻灯片的控制按钮样式

35.修复幻灯片被覆盖的问题

36.结束语

课程截图：