CSS_Flex_基礎二.pdf

Transcript

1. CSS Flex 盒⼦模型 基礎⼆ 排版進階練習
2. 今⽇⽬標
3. https://darrenyaoyao.github.io/
4. Flex-direction column row
5. Flex 比例 flex: 3 flex: 1
6. justify-content
7. align-items
8. RWD 響應式網站 網站排版會隨著螢幕⼤⼩不同
 ⽽有所調整
9. media query @media screen and (max-width: 900px) { .container { } }