响应式布局学习笔记

1.什么bootstrap？

Bootstrap是由Twitter推出的开源CSS框架
历史：Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。

2.为什么要学习bootstrap？

移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。
浏览器支持：所有的主流浏览器都支持 Bootstrap。
容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。
响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。

3.如何引入cdn(官网给出了方法，也可以引入百度的)

4.也可下载之后引入本地

5.viewpoint属性

  width:  视口的宽度，可以取值为数值，或device-width
         height：视口的高度，一般不指定
         initial-scale：初始时的缩放倍率
         minimum-scale : 允许的最小缩放倍率
         maximum-scale :  允许的最大缩放倍率
         user-scalable : 是否允许用户手动缩放，可取值1/0/yes/no

6.css media query

也可以：
在css中直接区分
eg：@media screen and (min-width: xxpx) {  }