什么是响应式设计?为什么要做响应式设计?响应式设计的基本原理是什么?
2016-08-15 11:21
411 查看
页面的设计和开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、css media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。
响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
响应式设计的基本原理是通过媒体查询检测不同的设备屏幕尺寸做处理。页面头部必须有meta声明viewport:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>
相关文章推荐
- 什么是框架,框架和设计模式的关系,为什么要用框架?
- 什么是交互设计?为什么需要交互设计?
- 响应式与自适应设计:设计师的最佳选择是什么?
- 什么是用戶调研?为什么我们在用户体验设计中需要它?
- 什么是响应式设计
- 什么是框架,框架和设计模式的关系,为什么要用框架?(转)
- 2018/01/08JAVA 基础 / 接口与继承/Object类——[思考?question:Object类的方法有什么用?为什么不直接在类中设计方法?
- 响应式网页设计教程:展示响应式设计的基本原理
- 响应式网页设计教程:展示响应式设计的基本原理
- 什么是响应式网页设计?
- 为什么会有交互设计,交互设计能够做什么?
- 为什么要学习响应式设计
- 什么是响应式网页设计?
- 什么是设计模式?为什么要使用设计模式?有什么好处?
- 什么是响应式图标设计?
- 什么是框架,框架和设计模式的关系,为什么要用框架
- 响应式网页设计教程:展示响应式设计的基本原理
- 什么是响应式设计
- 为什么要设计接口内部类?要解决什么问题?
- 什么是设计模式?为什么要使用设计模式?有什么好处?