用户登录

响应式网页设计

Responsive Web Design

— 王皓

🦄 2024 独立开发者训练营，一起创业！查看介绍 / 立即报名（剩余8个优惠名额） →

响应式网页设计

介绍
1:39
响应式设计的真实例子
2:33
基础
0:00
viewport - 可视窗口
1:33
手工配置 viewport
4:25
像素密度
2:49
媒体查询
0:00
应用媒体查询的方法
1:53
media type 媒体类型
4:01
meida feature 媒体特性
1:44
aspect-ratio 可视窗口宽与高的比例
3:01
device-aspect-ratio 设备的宽与高的比例
3:34
orientation 设备的使用方向
2:04
height （可视窗口高度）与 device-height（设备高度）
3:21
width（可视窗口宽度） 与 device-width（设备宽度）
3:45
resolution 像素密度
5:09
操作符 - and
4:33
逗号分隔连接多个媒体查询
2:14
操作符 - not
3:04
布局
0:00
响应式布局 #1
3:56
响应式布局 #2
2:05
响应式布局 #3
2:07
导航
0:00
响应式导航
1:52
导航菜单的 HTML
4:07
导航菜单的 CSS
2:46
切换按钮的样式
3:08
响应式导航菜单的样式
4:06
图像
0:00
响应式的图像
4:07
响应式的背景图像
1:43
不同尺寸的设备使用不同的图像
0:49
不同尺寸的设备使用不同的背景图像
3:06
根据屏幕密度切换不同的背景图像
3:14
picturefill
4:40
幻灯片
0:00
响应式幻灯片
3:51
幻灯片的控制按钮
2:09
幻灯片的控制按钮样式
3:06
修复幻灯片被覆盖的问题
1:27
结束
0:00
结束语
0:31

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网，每天进步一点