當你在動的時候，頁面也在變化，這就是“響應式”。
一、學會 media quer
- 直接在HTML的
<style>標籤內寫：
@media (查詢條件1) and (查詢條件2) ...{
CSS樣式設定
}
複製程式碼- 寫在
<link>標籤裡：
<link rel="stylesheet" href="style.css" media="(max-width:320px)">
複製程式碼所有的響應式都是使用媒體查詢實現的。
要注意優先順序問題，避免被不合適地覆蓋，最好是設定查詢條件時就消除交集部分。
二、學會要設計圖（沒圖不做）
實在要做也行，醜可別怪我
- Mobile first
- Desktop first
三、學會隱藏元素
四、手機端要加一個 meta
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
複製程式碼五、手機端的互動方式不一樣
- 沒有 hover
- 有 touch 事件--swipe
- 沒有 resize（瀏覽器視窗大小沒辦法改）
- 沒有滾動條（隱藏的滾動條）