RWD第一章响应式Web设计基础的笔记
目标：了解实现响应式Web设计
- 所谓响应式Web设计就是网页内容会随它的视口及设备的不同而呈现不同的样式。
- 响应式Web设计运用了：弹性网格布局、弹性图片/媒体、媒体查询。
- CSS预处理器（Sass、LESS、Stylus、PostCSS）可以帮我们组织代码、变量、颜色操作和数学运算。
- 浏览器中用于呈现网页的区域叫视口（viewport）。
- 的标签是一种非标准的（但却是事实标准的）方式，它告诉浏览器怎么渲染网页。
- 断点：就是某个宽度临界点，跨过这个点布局就会发生显著变化。
- @media指令告诉浏览器这里是一个媒体查询。
- screen：屏幕
- max-width：规则，就是要保证所有图片最大显示为其自身的100%
- 最小宽度媒体查询，其中最小宽度可以使用不同的长度单位指定，比如百分比、em、rem和px。
- HTML 参考手册