心未名

Flex 布局，也称为弹性布局，是为了适应不同的屏幕尺寸和不同的设备类型二提出的一种布局方式。

来自大漠老师，讲解 CSS、Grid、Flexbox 布局指南。

HTTPS 科普贴

最近整理的前端面试题，希望能对大家有帮助。转载自：http://www.jianshu.com/p/3944732228f0

用 CSS 隐藏页面元素有许多种方法。你可以将 opacity 设为 0、将 visibility 设为 hidden、将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域。 你有没有想过，为什么我们要有这么多技术来隐藏元素，而它们看起来都实现的是同样的效果？每一种方法实际上与其他方法之间都有一些细微的不同，这些不同决定了在一个特定的场合下使用哪一个方法。这篇教程将覆盖到那些你需要记住的细小不同点，让你根据不同情况选择上面这些方法中适合的方法来隐藏元素。

PostCSS has been around since September 2013 and has been part of many developers workflow for a while. For those that haven’t had the time to dig into it and put some time aside to understand what it is and what it can do, this post is for you.

你可能已经听说了一个“大新闻”：Bootstrap4 合并了代号为 #21389 的 PR，宣布放弃支持 IE9，并默认使用 flexbox 弹性盒模型。 这标志着前端开发全面步入 “现代浏览器” 的时代进一步来临；样式处理也再一次面向未来，拥抱更加灵活的弹性盒模型－Flex 布局。 这篇文章会带你深入 Bootstrap 最新版源码，窥探其架构组织奥秘，并解析最具亮点的栅格化系统。 你也会了解到 sass 的高阶用法和 flex 最新语法奥秘。 作者：颜海镜 链接：https://zhuanlan.zhihu.com/p/25154329 来源：知乎

让新手能快速掌握的移动端自适应布局