-
rem原理
查看全部 -
llllll查看全部 -
獲取視窗寬度
let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
查看全部 -
html 根元素字體的大小 來變?
查看全部 -
加上meta viewport標簽
1rem? 等于 默認的大小??
查看全部 -
原理
查看全部 -
移動開發適配
查看全部 -
通過監聽resize動態改變fontsize
查看全部 -
background-size:contain
保持圖像的縱橫比并將圖像縮放成將適合背景定位區域的最大大小。
查看全部 -
使用:before的方式實現icon，一定程度上減少dom，更優雅
查看全部 -
一般情況下，padding和border不包含在width中，定義width:100%后，再設置padding或border會增加width。
可以使用box-sizing:border-box消除影響，將padding和border包含在width中
查看全部 -
結合sass實現動態轉換rem
查看全部 -
scss
安裝：npm install node-sass
編譯：node-sass a.scss b.css
生產環境當中，一般使用壓縮選項。
sass --style compressed nav.sass?nav.css
也可以讓SASS監聽某個文件或目錄，一旦源文件有變動，就自動生成編譯后的版本。
sass --watch nav.scss:nav.css
查看全部 -
使用js動態改變font-size更好
查看全部 -
rem與media query結合可達到動態修改font-size的效果
查看全部 -
rem轉換規則
1rem = 16px (瀏覽器默認font-size，可通過修改html的font-size改變大小)
查看全部
舉報
0/150
提交
取消