[12th 鐵人賽] RWD 的難題 Part 3, Day 26
從手機版到桌機版
講完一些基礎的 Media Query 之後,我們來看看全部都放在一起的一些情況。單就我們 前幾天
[https://blog.hinablue.me/12th-ithome-ironman-day-23/] 提到的狀況,在那個 .sidebar
屬於手機版或桌機版,所呈現的欄位問題來看。
.gird {
grid-template-columns: repeat(auto-fit, [body] minmax(36rem, 1fr) [end]);
}
一般來說從這裡開始沒有什麼太大的問題,唯一的狀況就在於,當你的 .sidebar 因為 @media