前言 作为一名前端开发的同学，很多时候我们都无法避免地要去写大量的 CSS 代码，而且耗费的时间还不少，所以学习一种能够提升开发效率的 CSS 预处理器是必不可少的。

>写关于原理解析的文章很多，每次看完理解了，后面又忘记了，这次自己整理一下，用通俗形象的话梳理一下。 >flexible.js用来处理移动端各种设备兼容问题。也就是怎么解决移动端尺寸众多的问题，我们的

前端布局 一、自适应 自适应就是一套代码，不管屏幕大小怎么变化只有页面的元素大小的变化，不会出现表格三列变两列的样子，那种是响应式，烦死了每次领导和设计都跑过来让我修改一个页面说是自适应窗口的变化，结

最近在项目中需要做到类似于 **Mac** 下这种，当屏幕宽度足以容下当前文件名称的时候，文件名称全部展示，不做省略。然而当用户缩放浏览器显示的尺寸时，我们需要做到省略中间的文字，选择保留后缀这种方案

如何实现一个有特色的按钮交互效果，按钮的背景色可以随着鼠标的移动变化且背景区域会随着鼠标的移动产生弹性变化效果，按钮的文字阴影会随着鼠标的变化而变化，快看看看吧~