解析:
响应式布局，弹性布局 display：flex，利用 js 编写设定比例，给根元素设定像素，使用
rem 为单位。
px/em/rem 有什么区别？ 为什么通常给 font-size 设置的字体为 5%
解析:
相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相
对于浏览器的默认字体尺寸。
em 会继承父级元素的字体大小。使用 rem 为元素设定字体大小时，仍然是相对大
解析:
小，但相对的只是 HTML 根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过
它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的
连锁反应。
rem 是相对于浏览器进行缩放的。1rem 默认是 16px，在响应式布局中，一个个除来转
换成 rem，太麻烦，所以重置 rem
body{font-size=62.5% } 此时 1rem = 10px;若是 12px 则是 1.2rem.
sass 和 scss 有什么区别?sass 一般怎么样编译的
解析:
文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展
名；语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，
而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。
解析:
压缩打包，图片整合，避免使用 Hack，解决兼容问题，使用简写，让 CSS 能保证日后
的维护。
