-
自適應處理： 使用rem布局的時候,為了兼容不同的分辨率,我們應該要動態的修正根字體的大小,讓所有的用rem單位的子元素跟著一起縮放,從而達到自適應的效果 參考右邊代碼區域，一般情況在項目的最前面加載一段js來修改html的font-size，針對不同分辨率計算font-size，監聽瀏覽器更改 html的font-size docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; 給html設置fontSize大小，其實就是在DOMContentLoaded或者resize變化后調整fontSize的大小，從而調整rem的比值關系。慕課的布局是右邊區域展示，所以按照移動端的320寬度為標準去做適配的，當然基于這個縮放都是沒關系的查看全部
-
rem和em單位一樣，都是一個相對單位,不同的是em是相對于元素的父元素的font-size進行計算,rem是相對于根元素html的font-size進行計算,這樣一來rem就繞開了復雜的層級關系，實現了類似于em單位的功能。默認情況下瀏覽器給的字體大小是16px，按照轉化關系 16px = 1rem查看全部
-
CSS3的Animation有八個屬性 animation-name ：動畫名 animation-duration：時間 animation-delay：延時 animation-iteration-count：次數 animation-direction：方向 animation-play-state：控制 animation-fill-mode：狀態 animation-timing-function：關鍵幀變化查看全部
-
animation:bird-slow 400ms steps(3) infinite; @keyframes bird-slow { 0% {background-position-x: -0px} 100% {background-position-x: -273px} }查看全部
-
addEventListener('事件'，‘動作’，‘false or true’) //false or true 代表執行順序查看全部
-
其實還真是寫的蠻好查看全部
-
老師的課程很好查看全部
-
iOS非公開的筆記查看全部
-
試下查看全部
-
一般情況在項目的最前面加載一段js來修改html的font-size，針對不同分辨率計算font-size，監聽瀏覽器更改 html的font-size docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; 給html設置fontSize大小，其實就是在DOMContentLoaded或者resize變化后調整fontSize的大小，從而調整rem的比值關系。慕課的布局是右邊區域展示，所以按照移動端的320寬度為標準去做適配的，當然基于這個縮放都是沒關系的 總結： 根據實際情況通過設計稿與當前可視區的大小做一個比例關系，通過這個比例進行縮放處理查看全部
-
實現的效果查看全部
-
使用的技術查看全部
-
經濟斤斤計較查看全部
-
恍恍惚惚好查看全部
-
這是最新的筆記！查看全部
舉報
0/150
提交
取消