## 響應式:即在不同的顯示設備上以不同的效果顯示相同內容的頁面
### 實現方式:通過媒體查詢,對需要顯示不同效果的地方進行css樣式重寫
~~~
@media only screen and (max-width: 500px) {
/*css code*/
}
@media screen and (min-width:300px) and (max-width:500px) {
/* CSS 代碼 */
}
~~~
> **max-width: 定義輸出設備頁面最大的可見區域寬度
> max-height 定義輸出設備頁面最大的可見區域高度**