2023年的夏天，我算是正式加入了前端開發的隊伍，作為一名新手，關注了很多知名**、牛人部落格，時時刻刻感覺要學的東西太多太多，一路不斷的收藏收藏，攢了好多文章來看，心裡還想著在前端世界裡，我不知道的東西還有多少呢？css布局很熟了嗎？沒有。js框架呢？沒用過多少。自己想寫個外掛程式什麼的嗎？想。響應式設計呢？同樣重要。使用者體驗相關的東西？也想沾邊。哇，要學的好多好多呀。於是手頭的也看不進去了，又去收藏別的東西。。。一時間感覺自己浮躁了。不行呀，得想個辦法讓自己沉穩下來，於是我決定，精讀一本書，並寫讀書筆記，不求速度有多快，但求讓心境不那麼浮躁，一點一點積累，直到形成良好習慣。向牛人靠攏！
正如標題一樣，第一章主要講了些入門相關的知識，沒有多少技術性講解，只是帶讀者走進響應式設計的大門。相關的內容較零散，下面，我將以序號羅列一下這些觀點。
①相容智慧型手機很重要
什麼？！ie6還有18%之多，哎，不得不接受這個事實，中國網民拖了全球的後腿呀。不過，如果你比較樂觀，你還會看到下面的chrome變化趨勢，穩步上公升呀。還好還好，不管近況如何，總之前途是光明的。所以**的頁面要支援移動裝置，也必然是未來的乙個趨勢。
②響應式設計是否是最佳選擇
另外作者也還有乙個觀點，那就是，如果預算和時間充分，可以直接打造乙個手機版的**。
③響應式設計的由來和定義
響應式網頁設計，英文名稱：responsive web design，由伊桑·馬科特提出，其實質是把三種已有的開發技巧整合起來，包括彈性網格布局、彈性、**和**查詢。（你想起ajax了嗎）但它包含的內容頁不僅僅限於此，它是要從整體上顛覆當前網頁設計的方法，馬科特如是說。看吧，重量級的東西遠不是這幾種技術，而是一種設計思想，只要能想出巧妙的辦法，讓你的網頁在不同裝置上完美呈現，我覺得這就算響應式設計。
另外的乙個觀點不得不提，作者認為，在進行響應式設計的時候，首先應該針對小螢幕裝置設計，然後逐步增強針對大螢幕的設計。這就是所謂的「漸進增強」，已經得到了很多專業人士的認可。
④關於視口除錯工具
ie下可以使用microsoft internet explorer developer *******
safari下可以使用resize，不過是收費的。當然還有乙個免費版本的，叫resizeme
firefox下可使用firesizer
chrome下可使用window resizer
不要想象的過於神奇，其實這些外掛程式無非是幫你精確調整瀏覽器的視窗大小。
⑤優秀**示例
⑥html5和css3帶來的機會
使用html5的語義化標籤的好處不必再提，我自己切身感受到的一點是，有時候自己寫好頁面，需要交給後台人員處理，而那個所謂後台人員呢，藐視前端人員，隨意改你的標籤，然後改壞了吧，還把頁面拿來給你看，「你看看這個標籤是跟哪個配對來著……」，這種情況想必很多人都遇到過，就是時間長了乙個頁面沒很多人改過，標籤都不匹配了。如果使用語義標籤呢，把
換成，好了，媽媽再也不用擔心我找不到匹配標籤了。
css3，似乎被html5的光芒給遮蓋了，但它其實才是響應式設計的主力。使用css3的一些新特性，如圓角、漸變、動畫等，可以取代原有需要背景或者js才能實現的效果，從而實現更好的自適應效果。
那麼，如何正確的取捨html5和css3呢？作者給出如下觀點：
·如果想支援網際網路使用者增長最迅猛的市場，那麼適合使用。
·如果想要更簡潔、快速、易於維護的**，那麼適合使用。
·如果使用者可以接受不同的瀏覽器下介面顯示會有不同，那麼適合使用
·如果客戶要求所有瀏覽器下表現一致，那麼就不適合使用
·如果使用者群體有百分之七十以上使用低版本ie，那就不適合使用。
最後作者也再次重申，如果預算執行，那麼專門定製乙個移動版的**是更好的選擇。
第一次寫讀書筆記，手法明顯生疏，幸好第一章只是入門的介紹，沒有多少關鍵知識。就拿這一章練手吧~
《響應式web設計》讀書筆記（三）擁抱流式布局
流式布局已經不是什麼新概念了。為了文章的完整性，還是提一提吧。很久很久以前，當大部分人的螢幕解析度還是1024 768的時候，網頁設計師一般都按照960px或是980px的固定寬度進行設計。現在很多大型 也依然使用這個寬度，為了不落下某些使用窄屏和ie6的使用者 比如我們的父母 然後頁面中的其他布局...
《響應式web設計》讀書筆記（三）擁抱流式布局
流式布局已經不是什麼新概念了。為了文章的完整性，還是提一提吧。很久很久以前，當大部分人的螢幕解析度還是1024 768的時候，網頁設計師一般都按照960px或是980px的固定寬度進行設計。現在很多大型 也依然使用這個寬度，為了不落下某些使用窄屏和ie6的使用者 比如我們的父母 然後頁面中的其他布局...
響應式web設計（一）
最近在研究響應式web頁面設計，入門級media queries 即 查詢，查詢在css3中引入，作用是允許設定表示式檢查 環境，用來確定應用不同的樣式。查詢應用的兩種方式 一.在引入樣式表的時候判斷 尺寸，根據尺寸引入不同的樣式表，如下 表示當 分表率小於620畫素時，應用a樣式表 畫素只是 查詢...