• RSS订阅 保存到桌面  加入收藏  设为首页
网页设计

手机响应式布局网页设计

时间:2017-12-09 10:40:14   作者:玩机圈   来源:玩机之家   阅读:44   评论:0

手机响应式布局网页设计 手机响应式布局网页设计 手机响应式布局网页设计


手机响应式布局自学教程:

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


文章附件:手机响应式布局设计   提取码:b5pa

百度网盘

标签:设计  手机  网页  布局  响应  
相关评论
  贵公网安备 52010202000566号  黔ICP备17010364号
Powered by OTCMS V2.83