初识响应式开发

标签：table   精简   bootstrap   family   ie7   代码规范   web   站点   body   

1、响应式布局(respond layout)：一个网站能够兼容到多个终端。

2、响应式布局原理：使用css3中的Media Query(媒介查询)screen的宽度来指定某个宽度区间的网页布局

3、响应式和移动web的区别

4、移动web和响应式开发都是现在主流的开发模式，使用的都是流式布局，来适配不同的设备，由于终端设备的多样化，新建的站点会优先使用响应式开发。

5、bootstrap的特点、优点以及各个版本的区别
特点：组件简洁大方，代码规范精简，界面自定义性强

优点：

有自己的生态圈，不断的更新迭代

提供了一套简洁、直观、强悍的组件

标配准化的html+css编码规范

让开发更简单，提供了 开发的效率。

注意：虽然界面组件样式已经定义好了，但是扩展性相对较强，也就是说我们还可以自  定义，修改默认样式

***简洁，规范，自定义

各个版本的区别：

2.x.x  停止维护
       优点：兼容性好
         缺点：代码不够简洁，功能不够完善

3.x.x 目前使用最多
         稳定，但是放弃了IE6-IE7。对IE8支持但是界面效果不好。
         偏向用于开发响应式布局、移动设备优先的Web项目。

4.x.x 测试阶段
       更偏响应式，移动设备。

初识响应式开发

标签：table   精简   bootstrap   family   ie7   代码规范   web   站点   body   

原文地址：http://www.cnblogs.com/Jerry-MrNi/p/6577125.html