前言 最近在公司改bug，突然发现上一个前端留下的毛病不少，页面存在各种适配问题，为此甲方爸爸时常提出宝贵意见！ 你的页面是不是时常是这样： 侧边栏未收缩时： 收缩后： 这样（缩小挤成一坨）： 又或是

css实现文字超出省略, 单行文字省略, 多行文字省略, 超过固定宽高元素区域省略, 含实现效果与详细代码,

以前觉得Scss简单，后来发现……，嗯，还是自己太菜了，少年，如果你也还对Scss还抱有幻想，那么不如跟着我的视角，一起去看看Scss的世界吧。

Flexbox 是 flexible box 的简称（注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。

巧用伪元素:before、:after等，让你的页面按钮眼前一亮。更多内容：https://github.com/reng99/blogs