FlexLayout [链接] 响应式布局，先看效果 大屏效果：>50rem 中屏效果：>30rem, <=50rem 小屏效果：<30rem 下面是一些笔记心得 ================================================PART I：响应式网站的优点：1 减少工作量1）网站，设计，代码，内容都只有一份2）JS,CSS做少量更改2 节省时间3 多个分辨率设备...

不重复造轮子，就要选择一个好轮子：1.使用人数2.是否开源3.文档是否齐全4.活跃性5.轻量级随便选一个，轮播的插件还是很多的owl-carousel2，符合上述条件，使用看官方文档还是比较简单上手的。

什么是viewport简单来讲，viewport就是浏览器上，用来显示网页的那一部分区域了，也就是说，浏览器的实际宽度，是和我们手机的宽度不一样的，无论你的手机宽度是320px，还是640px，在手机浏览器内部的宽度，始终会是浏览器本身的viewport。如今的浏览器，都会给自己的本身提供一个viewport的默认值，可能是980px，或者是...

把目光投向CSS，一个重大转折就是CSS预处理器的出现（在工具方面来看），其中， Sass应该是最为著名的一个。此外，还有 PostCSS，它和Sass略有不同，但是殊途同归——都是用浏览器不能解析的语法编写，并且最终编译成浏览器能够理解的语法。