css 中 max-width 和 min-width 的區別

max-width:規定元素本身最大寬度，即元素本身 (該div) 的寬度應小於等於其最大寬度值。

 min-width:規定元素本身最小寬度，即元素本身應大於等於其寬度值。

例：min-width:1000px; 則其區域塊大於實際寬度值

 

關於@media查詢（響應式設計）

如果文檔寬度小於 300 像素則修改背景顏色:

@media screen and (max-width: 300px) {
    body {
         background:pink;
    }
}