即傳統web設計，對於 pc 設計乙個 layout ，在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分；意思就是不管瀏覽器尺寸具體是多少，網頁布局就按照當時寫**的布局來布置；對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap.或m.。
自適應布局（adaptive）的特點是分別為不同的螢幕解析度定義布局。布局切換時頁面元素發生改變，但在每個布局中，頁面元素不隨視窗大小的調整發生變化。你可以把自適應布局看作是靜態布局的乙個系列。就是說你看到的頁面，裡面元素的位置會變化而大小不會變化；
流式布局（liquid）的特點（也叫」fluid」) 是頁面元素的寬度按照螢幕進行適配調整，主要的問題是如果螢幕尺度跨度太大，那麼在相對其原始設計而言過小或過大的螢幕上不能正常顯示 。你看到的頁面，元素的大小會變化而位置不會變化——這就導致如果螢幕太大或者太小都會導致元素無法正常顯示。
響應式布局（responsive layout）是分別為不同的螢幕解析度定義布局，同時，在每個布局中，應用流式布局的理念，即頁面元素寬度隨著視窗調整而自動適配。可以把響應式布局看作是流式布局和自適應布局設計理念的融合。每個螢幕解析度下面會有乙個布局樣式，同時位置會變而且大小也會變。
當建立乙個響應式**，或者非響應式**變成響應式的時候，首先要關注元素的布局。可以 先寫非響應式布局，頁面固定寬度大小，完成了非響應式在去 新增**查詢（media query) 和 響應式**。user-scalable 屬性能夠解決 ipad 切換橫屏之後觸控才能回到具體尺寸的問題。//當你完成當你已經完成了無響應的**，做的第一件事是在你的 html 頁面，貼上下面的**到和標籤之間。
**查詢：可以讓我們根據裝置顯示器的特性《如視口寬度，螢幕比例，裝置方向：橫向或者縱向--》為其設定css樣式;
注意: -->這裡面的樣式會覆蓋掉之前所定義的樣式。@media screen and (max-width:980px)#content
#footer
}
假如我們要相容 ipad 和 iphone 檢視，我們可以這樣設定:/**ipad**/@media only screen and (min-width:768px)and(max-width:1024px){}
/**iphone**/
@media only screen and (width:320px)and (width:768px){}
到目前為止，開發人員用到的字型單位大部分都是 畫素，雖然畫素在普通**上是ok的，但是我們仍然需要響應式字型。乙個響應式的字型應關聯它的父容器的寬度，這樣才能適應客戶端螢幕。 css3引入了新的單位叫做rem,和em類似但對於html元素，rem 更方便使用。rem 是相對於根元素的，不要忘記重置根元素字型大小;
Qt designer的使用 布局和一些注意點
我用qt designer的流程一般是 先把需要的控制項都調出來 可以同時把spacer，一種留白佔地方的空間調出來 排列好了之後，就再選中這些控制項 去右邊對應的名字選，或者滑鼠框選 長按ctrl選中都可以 然後右鍵設定布局。設定布局後，可以設定布局的一些屬性，比如layoutleftmargin...
對於TCP IP協議的一些總結
曾經對三次握手的一些疑惑 最後形成的幀在網路中是如何傳遞的 參考鏈結 最近不知道怎麼回事跟網路幹上了，就是想弄明白資料在網路中到底是怎麼傳輸 雖然想這些問題想的腦袋疼，但隨著思考的深入離真相越來越近，對這些問題也越來越清晰。為了不讓千千萬的腦細胞白白犧牲，就在此做個記錄方便以後悼念他們。tcp和ip...
對於指標運算的一些心得總結
最近在複習第三遍c語言，c語言當中指標是個重要的知識點，對於初學c的人來說，指標往往是個頭大的板塊，之前由於應用場景不多，對於指標的認識還是很淺，然而在資料結構和簡化 方面，指標還是起到乙個非常重要的作用，下面就對指標運算做乙個小總結。指標有著指向某個目標位址的作用，p n以及p 都是對位址進行移位...