題目1: 用媒體查詢實(shí)現(xiàn)如下要求
1. 在頁(yè)面寬度> 1200px 時(shí)頁(yè)面背景為紅色
2. 在頁(yè)面1200px>=寬度> 900px 時(shí)頁(yè)面背景為綠色
3. 在頁(yè)面900px>=寬度> 600px 時(shí)頁(yè)面背景為黃色
4. 寬度<=600px 背景為灰色
效果
源碼
題目2: 實(shí)現(xiàn)一個(gè)簡(jiǎn)單的柵格系統(tǒng)(可選題目)
效果
源碼
題目1: 用媒體查詢實(shí)現(xiàn)如下要求
1. 在頁(yè)面寬度> 1200px 時(shí)頁(yè)面背景為紅色
2. 在頁(yè)面1200px>=寬度> 900px 時(shí)頁(yè)面背景為綠色
3. 在頁(yè)面900px>=寬度> 600px 時(shí)頁(yè)面背景為黃色
4. 寬度<=600px 背景為灰色
效果
源碼
題目2: 實(shí)現(xiàn)一個(gè)簡(jiǎn)單的柵格系統(tǒng)(可選題目)
效果
源碼