網頁的響應式佈局

響應式佈局解決了什麼問題？

解決不一樣屏幕之間的分辨率問題。什麼時期出現的此問題？當時遇到了什麼問題？當時的技術環境是怎麼樣的？

時間點: 2010年5月提出的概念，他叫Ethan Marcotte
恰好在2010年，移動互聯網已經走入生活了。
爲何要提出？面臨了什麼問題？要提出一個新技術？
面臨問題，每個設備都要寫一套前端代碼，難道五個手機要寫五套嗎？
具體的技術也是解決當時存在的問題，若是這些問題不存在了，這些技術存在的意義也就少了。解決問題的思惟方式，看問題的思惟方式能夠留下來，跨域時間和空間。如今是由於過去。

響應式佈局的先決條件是什麼？

響應式佈局的依賴是什麼？

css的頂層樣式表有兩個規則構成。一個at-rule規則，一個是qualified rule。因此響應式佈局依賴於CSS頂層樣表的兩個規則。這是從規則角度來講的。真正依賴於誰，在解析CSS代碼。解析完後，誰匹配所寫的CSS規則，誰在渲染位圖。

樣式的輸入：經過JS控制、經過直接經過選擇器去控制。
你就是誰能改變標籤的樣式，選擇器能夠，哪誰監聽瀏覽器窗口的變化，JS能夠，CSS的media查詢能夠。

有兩類用法，一個at規則，一個普通規則。

• @media
• flex
• gird