标签：布局

【外评】CSS masonry 砌体布局的替代建议

本博文旨在介绍 Chrome 团队为何对在 CSS 网格布局规范中实现砌体有疑问，并确切阐明备选方案可实现的功能

我们所说的 “Masonry布局 “是什么意思？基本上就是下图中的模式–内容像砖块或石墙一样堆积在一起。这就是 “Masonry “名称的由来。它也经常被称为 “瀑布式布局”，比喻内容像瀑布一样从页面上流下。

CSS grid 网格布局模块附带了一个新的 CSS 单位，名为 fr 。fr 是 “分数(fraction) “一词的缩写，简单明了。有了这个新单尾，我们就可以快速将网格按比例分割成不同的列或行

CSS 网格布局模型（CSS Grid Layout Model）可以沿水平和垂直两条轴线创建和更新布局，同时影响元素的宽度和高度。

当我们真正掌握了 Flexbox 布局模式的奥秘，我们就能构建出绝对令人难以置信的作品。无需任意断点即可伸缩的流体布局。在本实用互动教程中，我们将揭开 Flexbox 算法的神秘面纱，学习如何利用它实现非凡的效果。

CSS Grid 是在网络上构建布局的强大工具，但就像所有强大的工具一样，它也有一个显著的学习曲线。在本教程中，我们将建立一个认识模型，了解 CSS Grid 如何工作，以及如何有效地使用它。我将与大家分享我在学习过程中最大的灵光一现。

由于目前在做的一款app需要适配手机和平板，所以我在研究怎么构建可适应所有屏幕尺寸的布局方法。在web的自适应布局上我有很多经验，比如使用网格流，CSS3中的media queries属性等等，这些都可以实现web上的自适应布局，所以我想在Android上试试看。