這段時間調整了幾個頁面的自適應情況，採用的方式一般都是用js去動態獲取當前window的高和寬，然後再按實際情況根據比例去分配。
例如下面的一段**：
var ww = $(window).width();
var wh = $(window).height();
var contenth = wh-41;
$('#tree').height(contenth);
$("#mulu").height($('#tree').height()-35);
$('#tablediv').height(contenth);
$('#table').height($('#tablediv').height()-35);
第一句和第二句，通過$(window)物件的.width()和.height()方法獲得了當前視窗的寬和高（這裡的當前視窗可以理解為整個html文件），然後是contenth的高度，因為一般都會有乙個header，而且header的高度一般都是定高（寬度一般都是atuo）。用視窗高度減去header的高度就是剩下內容的高度了，然後根據實際情況進行分配設計，比如上面的**是乙個兩列的結構，左邊一列是乙個目錄樹，右邊一列是乙個**，等等。
當然了，在實際的專案開發中經常用的都是乙個框架，如bootscrap和easyui等等，這些個框架都擁有自己設計好的class，裡面難免會有一些padding/margin的屬性設定，（padding還好，不影響外部文件流的布局，但是margin往往會擠占位置）。所以，在設定的時候，如果出現明明高度什麼的加起來都是正確的，確還是出現了浮動的情況，那麼往往就是有個地方的margin在搞鬼了，這個時候你細心的找找，就會找到了。
找到後的處理方式有多種，當然可以直接去改你引用的css檔案的內容，但是這種方式太暴力，影響太廣，不推薦的呀。你可以在你當前頁面重新定位設定一下就ok了，這樣清晰明了，不會造成不可預知的影響。好的，這就是頁面自適應的一些總結。
前段的學習博大精深，keep going！
網頁頁面的自適應
一.允許網頁寬度自動調整 自適應網頁設計 到底是怎麼做到的？其實並不難。首先，在網頁 的頭部，加入一行viewport元標籤。viewport是網頁預設的寬度和高度，上面這行 的意思是，網頁寬度預設等於螢幕寬度 width device width 原始縮放比例 initial scale 1 為1...
網頁自適應
1.文件 允許網頁寬度自動調整 網頁的原始比例即為螢幕的大小，ie9 viewport元標籤 網頁的預設寬度，width device width,是說網頁的初始寬度等於螢幕的寬度，initial scale 1,縮放比例為1倍 相容ie老版本需要支援 2.載入css css3 media quer...
網頁自適應
文章入口 自適應 使用 viewport 標籤 viewport 是網頁預設的寬度和高度，上面這行 的意思是，網頁寬度預設等於螢幕寬度 width device width 原始縮放比例 initial scale 1 為1.0，即網頁初始大小佔螢幕面積的100 使用 百分比 或 em 要變化的不宜...