響應式web設計實踐
一棵大橡樹被風連根拔起，然後落到了一片蘆葦叢中。橡樹對蘆葦們說：「我很想知道，你們如此輕而弱小，卻為什麼沒有被大風吹走呢？」蘆葦們回答道：「你和大風打鬥對抗，結果就被摧毀了；而我們在大風來臨之前便彎下了腰，並因此保持完好而存活了下來。」*
——「橡樹與蘆葦」伊索寓言
在「橡樹與蘆葦」的故事中，大橡樹和蘆葦都被風吹來吹去，橡樹想要一直站得又高又穩，並因此與大風做著頑強的抵抗，但最終它還是被大風給打敗了。
與之相反，蘆葦則彎下了腰，當然也不是它們想要這樣，只是它們能彎得下腰。它們不與大風對著幹，而是就讓自己隨風搖曳。雖然被大風吹得扭曲甚至彼此纏繞在一起，但畢竟它們最後還是活了下來。
長期以來，我們其實都是在按照橡樹的思維方式來建立**的，主要表現為設計中的一些硬性規定以及使用固定寬度。它們看起來好像很不錯，直到它們不可避免地遇到了我們無法預知的web。現在的我們需要去擁抱web，而不是與無法預知的web也來場對抗。
這也是john allsopp在2023年為a list apart寫的「a dao of web design」（web設計之道）中所極力指出的。在這個今天還是最佳實踐，而明天就有可能成為笑柄的業界，allsopp的見解後來被證明是難得的先見之明——他認為web社群需要擁抱web的靈活性，同時不要再將web的不可控性視為是一種限制：
「我相信，web最偉大的優點常常被人們視為是限制和缺陷。靈活性是web固有的本性，作為設計師和開發者的我們，應該去擁抱它的這一特性，並且要設計開發出同樣具有靈活性的頁面，使得所有的裝置都可以訪問。」
allsopp認識到web的靈活性和不可**性不應該是我們與之鬥爭的物件，因為這些都是web的特性，而不是它的漏洞。也正是由於這些特性才使得web如此獨特，以至於成為了比印刷品還要強大的媒介。
隨著越來越多裝置的湧現，人們越來越難以繼續忽略web所固有的靈活性和不可**性。終於在12年之後，業界才終於趕上了allsopp那篇文章中提出的新思潮。而作為擁抱靈活性的第一步，就是要為我們的站點建立流動布局，並藉此來對不同尺寸的裝置螢幕作出不同的響應。
在本章中你將會學到：
四種不同的布局型別；
《響應式web設計實踐》筆記
1.什麼是響應式設計 針對任意裝置對網頁內容進行完美布局的一種顯示機制。響應式 設計 responsive web design 的理念是 頁面的設計與開發應當根據使用者行為以及裝置環境 系統平台 螢幕尺寸 螢幕定向等 進行相應的響應和調整。具體的實踐方式由多方面組成，包括彈性網格和布局 css m...
《響應式Web設計實踐》一第1章 無處不在的Web
響應式web設計實踐 只有傲慢的人，才會相信他可以規劃出一座城市的每個細節 只有缺乏想象力的人，才想要這樣去做。john kay web是乙個極不穩定的環境 新的作業系統每天都在湧現，瀏覽器也比以往任何時候更新得都快。每天我們都會遇到形狀各異的裝置 瀏覽器功能很強的裝置 瀏覽器功能很弱的裝置 帶有觸...
《響應式Web設計實踐》一1 2 小結
工業的發展正在逐步影響響應式設計。在我統計過的站點中，幾乎有一半的站點使用了自己專有的體驗 和我們早在21世紀頭幾年使用的解決方案一樣，而不是提供響應式站點。響應式設計並不是乙個有缺陷的方 只有在它被誤用為乙個附加的功能而非首要原則的時候，才會導致一種臃腫的 違反直覺的體驗。同樣，只有當我們將注意力...