html中的布局主要由靜態布局、自適應布局、流式布局以及響應式布局幾類，簡單比較以下這幾種布局的區別和特點。一 靜態布局（static layout）
表現：在傳統web設計中，不管瀏覽器尺寸具體大小多少，網頁的布局會一直按照最開始的布局來顯示。
特點：固定死寬高。
二 自適應布局（adaptive layout）
表現：就是為了不同螢幕的解析度來定義不同的布局，並且在每個布局中的頁面元素不隨著視窗的大小變化而改變。
特點：自適應布局可以看做是靜態布局的乙個系列，即元素的位置隨著網頁大小發生變化而元素的大小不變。
三 流式布局（liquid layout）
表現：實質是百分比布局，只有一套布局，頁面元素會隨著視窗大小變化而改變。
特點：當視窗變得過小或過大，頁面元素就不能正常顯示。
1 百分比的特點
尺寸百分比：如width = 20%；
位置百分比：如left = 30%；
2 單位
1）em：參考點繼承於父級字型大小
例如：<
div
style
= 「font-size:14px;」
>
<
div
style
= 「font-size:2em」
>
div>
—字型繼承父級為28px--
>
div>
2）rem；相對於（root根元素）html元素設定的字型大小
確定rem的三個步驟：
a:確定基數，一般為10px；
b:html
基數 = 百分數*16
如：百分數為62.5% 基數 = 62.5*16= 10px = 1rem
c:將px換算成rem公式：px值/基數
如：html的font-size =62.5%，則可以確定基數為10px，若給瀏覽器設定的字型為20px，換算成rem值為20/10 = 2rem。
例如：<
html
style
="font-size: 62.5%;"
>
<
body
>
<
div
style
="font-size: 3rem;"
>
div>
body
>
html
>
注意：谷歌瀏覽器下小於12px的字型會失效，則最終顯示預設字型大小為12px，但是在火狐瀏覽器下能夠正常顯示；
相容性問題：ie6，7，8不支援em或rem，其他瀏覽器都支援。
四 響應式布局
特點：響應式布局跟自適應布局原理一樣，都是檢測裝置，根據裝置不同解析度來設定不同的css樣式，並且樣式裡面都採用的是百分比，而不是自適應布局裡面的固定寬高。
幾種開源網路爬蟲的簡單比較
爬蟲裡面做的最好的肯定是google 不過google公布的蜘蛛是很早的乙個版本，下面是幾種開源的網路爬蟲的簡單對比表 還有其他的一些比如ubicrawler fast crawler 天網蜘蛛等等沒有新增進來。之後主要研究下larbin爬蟲，如果有可能會給它新增乙個刪除功能，因為其排重部分用的是b...
幾種常用HTML5移動應用框架的比較
對於mobile web的開發人員來說，切換框架代價很高 因為動畫的轉換，工具欄，按鈕，列表的顯示，以及線下儲存等都很麻煩。因為大部分上述功能都是新技術，以及這些 領域的技術還在迅速地改變。作者玩轉了許多mobile web的框架並且對它們進行了分析比較，下面將為您講解他的研究發現。jqtouch ...
幾種常用HTML5移動應用框架的比較
對於mobile web的開發人員來說，切換框架代價很高 因為動畫的轉換，工具欄，按鈕，列表的顯示，以及線下儲存等都很麻煩。因為大部分上述功能都是新技術，以及這些 領域的技術還在迅速地改變。作者玩轉了許多mobile web的框架並且對它們進行了分析比較，下面將為您講解他的研究發現。jqtouch ...