版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、Responsive Web Design响应式网站设计,徐延辉,2013年1月30日,移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页,Responsive Web Design,这个词有多个翻译,反馈式设计,交互式设计,自适应网页设计,响应式网页设计,哪个翻译最接近,响应式网站设计”的概念,他给的定义是指可以自动识别屏幕宽度、并做出相应调整的网页设计,2010年,Ethan Marcotte提出了“Responsive Web Design”这个名词,Ethan Marcotte制作的一个范例,他制作了一个范例
2、,里面是福尔摩斯历险记六个主人公的头像。 如果屏幕宽度大于1300像素,则6张图片并排在一行,Ethan Marcotte制作的一个范例,则6张图片分成两行,如果屏幕宽度在600像素到1300像素之间,Ethan Marcotte制作的一个范例,则导航栏移到网页头部,如果屏幕宽度在400像素到600像素之间,Ethan Marcotte制作的一个范例,则6张图片分成三行,如果屏幕宽度在400像素以下,Ethan Marcotte制作的一个范例,mediaqueri.es上面有更多这样的例子,RESPONSIVE DESIGN BOOKMARKLET,网页审阅工具,可以在一张网页上,同时显示不同分辨率屏幕的测试效果,作用,240X320,320X480,480X640,768X1024,1024X768,1200X800,网页审阅工具“Adobe Edge Inspect,Edge Inspect是一款对移动开发者非常有用的工具 可以帮助设计师和开发者同时在多个移动设备上预览应用设计,自适应网页设计到底是怎么做到的,允许网页宽度自动调整 不使用绝对宽度 相对大小的字体 流动布局(fluid grid)
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 特许经营合同范本
- 第13讲 一般将来时-【暑假自学课】2023年新七年级英语暑假课 (原卷版)
- 0的乘法(教学设计)-2024-2025学年三年级上册数学西师大版
- 教育行业法律服务协议
- 技术服务合同
- 房屋租赁合同纠纷协商协议书
- 在消防法律法规实施中引入公益诉讼的思考
- 广东省2024年中考数学试卷(含答案)
- 新高考“信息性阅读”主观题教学方法研究
- 浅析高中英语写作教学有效策略
- 小学班主任优秀育人案例(5篇)
- 小学科学三到六年级总复习资料
- 野生动植物资源保护法规课件
- 《废旧材料在幼儿园中的利用研究【论文】》
- 大数据专题 课件
- 魔点门禁g2-md5004a用户手册
- 《经济法基础》教学实施报告
- 普通高中通用重点技术学生设计作品图文汇报材料
- DB33-T 2302-2020‘红美人’柑橘设施绿色栽培技术规程
- 学院引进人才首聘聘期内工作任务约定书
- 卡西欧登山表中文说明书
评论
0/150
提交评论