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