width,height,padding,margin的百分比是看父級(jí)的，width,padding,marigin是看父級(jí)的width，height是看父級(jí)的height。因?yàn)閔eight的值的百分比會(huì)是父級(jí)的height的百分比，為了保持寬高比一致，所以需要使用padding-top值，width的百分比/padding-top的百分比 = 圖片的寬/高。getComputedStyle方法，就用來(lái)返回這個(gè)規(guī)則，它接受一個(gè)DOM節(jié)點(diǎn)對(duì)象作為參數(shù)，返回一個(gè)包含該節(jié)點(diǎn)最終樣式信息的對(duì)象，所謂“最終樣式信息”，值得是各種CSS規(guī)則疊加后的結(jié)果。left,top的百分比是根據(jù)包含元素的百分比。width=device-width 視口約束。<meta name ="viewport" content="width=device-width">.彈性盒模型，display:-webkit-box(彈性盒模型的關(guān)鍵)，-webkit-box-flex:n，n是份數(shù)。

box-sizing:border box 意思就是邊框不占位置。calc現(xiàn)在已經(jīng)不常用了，直接使用box-sizing:border box非常方便。window onresize調(diào)整窗口大小。border-collapse:collaose邊框能合成就合成。display:table元素呈現(xiàn)為表格，display:table-cell元素呈現(xiàn)為表格類。vertical-align-middle只有存在table-cell的情況下才會(huì)出現(xiàn)，意思是把元素放在父元素中部。em是父級(jí)的font-size的倍數(shù)，如果父級(jí)沒(méi)有，會(huì)繼續(xù)往父級(jí)的元素中找，rem的意思是html的倍數(shù)。