介紹了display: grid 超級(jí)居中、可解構(gòu)的自適應(yīng)布局(The Deconstructed Pancake)、fr 關(guān)鍵字為了方便表示比例關(guān)系，網(wǎng)格布局提供了fr關(guān)鍵字（fraction 的縮寫，意為"片段"）。如果兩列的寬度分別為1fr和2fr，就表示后者是前者的兩倍、03. 經(jīng)典的 sidebar、04. 固定的 header 和 footer、05. 經(jīng)典的圣杯布局(classical holy Grail layout)、06. 有意思的疊塊、07. RAM 技巧、08. 卡片彈性自適應(yīng)、09. 使用 clamp 實(shí)現(xiàn) fluid typography、10. 完美實(shí)現(xiàn)比例、

https://mp.weixin.qq.com/s/Rn7bLFj6Ix8Q8NsYTlAXMg

1.gif

2.gif

3.gif

4.gif

5.gif

6.gif

8.gif

9.gif

10.gif