- #75
- #74
- #73
- #72
- #71
- #70
- #69
- #68
- #67
- #66
- #65
- #64
- #63
- #62
- #61
- #60
- #59
- #58
- #57
- #56
- #55
- #54
- #53
- #52
- #51
- #50
- #49
- #48
- #47
- #46
- #45
- #44
- #43
- #42
- #41
- #40
- #39
- #38
- #37
- #36
- #35
- #34
- #33
- #32
- #31
- #30
重新思考如何建構 RWD 網頁，透過 CSS Container Queries
Container Queries 也已經有 90% 的全球支持度，將會在網頁元件化的時代成為建構獨立 RWD 元件樣式的重要工具。
如今我們更傾向建構網頁元件並彈性設定使其適應各種裝置尺寸，不再像早期 AWD 強調針對特定裝置尺寸提供特定的設計，這也是為什麼已經有了 Media Queries 卻還需要再推出 Container Queries 的原因——「觀察特定元網頁元素的變化並套用不同樣式」
- Media Queries：易於指定整體頁面樣式
- Container Queries：易於指定個別元素在不同尺寸時樣式
網頁東東新推出相關文章。
要詳細了解 Container Queries 與其範例強烈推薦參考看看 Ahmad Shadeed 的網站，互動範例真的很厲害！
- #29
- #28
- #27
- #26
- #25
- #24
- #23
- #22
- #21
- #20
- #19
- #18
- #17
- #16
- #15
- #14
- #13
- #12
- #11
- #10
- #9
- #8
- #7
- #6
- #5
- #4
- #3
- #2
- #1