宁皓网响应式网页设计_网页响应式视频教程

Posted 2021-04-30 污波海子

一个响应式网页设计的基础教程。如果你想为 iPad，iPhone，android 设备去设计页面，这个课程是必看的一个基础。
适用人群：网页设计师，网页设计爱好者，自由职业
此为宁皓网出品课程，版权归原作者所有，无厘头资源网收集整理于网络。

课程官方链接：https://ninghao.net/course/1002

课程目录：

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.结束语

点击下方“阅读全文”进入下载页