傳統web設計，不管瀏覽器具體是多少，網頁的布局就一直會按照最開始的布局來顯示。
特點：固定死寬高。
定義：就是為不同的螢幕解析度來定義不同的布局，並且在每個布局中頁面元素不隨視窗的大小而改變。
其實質可以看做是靜態布局的乙個系列。也就是你看到的頁面，頁面的元素位置會發生變化，而大小不會發生變化
定義：實質就是百分比布局，只有一套布局，頁面元素會隨著大小而改變。
缺點：當視窗變得過小或者過大，頁面裡面的元素就不能正常顯示了。
百分比：
1.尺寸百分比 如：width：20%；
2.位置百分比 如：left：30%；
單位採用是相對單位:em/rem;
em:em會繼承於父級字型大小
rem:是相對於html元素設定的字型大小
使用rem的三個步驟：
1.確定基數：一般是10px
2.html;百分數=基數/16;
基數是10 百分比為:62.5%
基數是14 百分比:87.5%
16px=1rem;
3.px換算成rem 公式=換算的px值/基數
如果html;如果給這個容器設定的字型為20px,則換算成rem數值為20/10=2rem
注意：在谷歌瀏覽器下小於12px的字型會失效，則最終顯示還是預設最小字型12px
相容性問題：
ie6,7,8不支援em或rem,其他瀏覽器都支援
實質：響應式布局跟自適應布局原理是一樣的，都是檢測裝置，根據不同的裝置解析度來設定不同的css樣式，並且樣式裡面採用的都是百分比
html5學習筆記day05
1.css選擇器 1 基本選擇器 2 層次選擇器 3 屬性選擇器 first name 4 偽類選擇器 hover first child last child nth child nth last child 5 偽元素選擇器 before after first letter first lin...
HTML5 學習筆記 day1
attribute和property 1.什麼是attribute？什麼是property？html預定義屬性和自定義屬性，統稱為attribute js原生物件的直接屬性，統稱為property 每乙個預定義的attribute都會有乙個property與之對應 2.什麼是布林值屬性？什麼是非布林...
HTML5學習筆記 day2
外部資料 效果 頁面結構 00 00 00 00 00 00 js var video video 0 switch click function else 全屏 expand click function video.oncanplay function 2000 video.ontimeupda...