引言
通过上一篇我们了解了响应式的意义和实现种类，这篇讲解具体的技术
通过四大类讲解
- 媒体查询
- 弹性布局 和 网格布局
- em rem 布局
- 弹性图片(容易被忽视)
在此打个补丁，弹性布局 和 网格布局暂且不做介绍，想了解的百度
flex和grid即可，日后会不断完善的
写在前面
因为不同浏览器厂商标准不一样，所以会出现同样代码在不同浏览器的表现不同，也因此有了很多聪(tou)明(lan)的解决方式。等待你随着技术积累慢慢发现，先说一个消除浏览器默认样式差异的基础样式文件normalize.css，下载地址：necolas.github.io/normalize.c…。页面加载时最先加载此文件，放在<head>中其他.css文件前面
第一大类——媒体查询
媒体查询
媒体查询并不是css3才有的概念，在css2的时候它长这样：
<link rel="stylesheet" type="text/css" href="font.css" media="screen"/>
media="screen"意味着只有用屏幕浏览才能加载样式文件，到了css3发展成了这样
@media screen and (min-width:800px) {
<!--css代码-->
}
media从此变得重要了
- 逻辑符有如下四个
notandonlyor，看着单词就知道咋用，不会就去百度 - 属性常用有这些，
widthheightdevice-widthdivice-height，这些都可以加minmax前缀，前面例子中使用了min-width，此外还有宽高比，颜色位数，分辨率等属性。
未完待续，服务器出问题了，先不更了
