课程简介:
一个响应式网页设计的基础教程。如果你想为 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.结束语
课程截图: