-
//獲取視窗寬度
let htmlWidth = document.documentElement.clienWidth || document.baody.clienWidth;
?
//獲取高度高度
let htmlDom = document.getElementsByTagName('html')[0];
htmlDom.style.fontsize = htmlDom / 10 +'px';
查看全部 -
設(shè)置rem 的 font-size
查看全部 -
rem是針對(duì)html設(shè)置的字體來算的，默認(rèn)1rem=16px; html的font-size設(shè)置為多少px，1rem就等于多少px
查看全部 -
常見移動(dòng)web適配方法
查看全部 -
查看全部 -
查看全部 -
查看全部 -
布局技巧
查看全部 -
查看全部 -
sass動(dòng)態(tài)計(jì)算rem數(shù)值
查看全部 -
1rem=16px
可以通過設(shè)置html全局的font-size來對(duì)rem定義為多少px
1rem=17px=（html的font-size）
查看全部 -
h5頁面開發(fā)一般流程：
頁面框架搭建、構(gòu)建scss
頁面樣式編寫
rem計(jì)算代碼編寫
適配多種機(jī)型大小，resize完善
查看全部 -
進(jìn)階：
rem 基準(zhǔn)值的計(jì)算
基準(zhǔn)值指的就是html的font-size
rem 數(shù)值計(jì)算與構(gòu)建
元素實(shí)際值除以基準(zhǔn)值就等于rem數(shù)值
rem 與 scss結(jié)合使用
rem 適配實(shí)戰(zhàn)
查看全部 -
動(dòng)態(tài)的修改rem方法：
?使用媒體查詢
?使用腳本設(shè)置：
//獲取視窗的寬度
let htmlWidth = document.documentElement.clientWidth || document.body.ClientWidth;
//獲取視窗對(duì)象
let htmlDom = document.getElementsByTagName("html")[0];
//設(shè)置視窗默認(rèn)的font-size
htmlDom.style.fontSize = htmlWidth / 10 + "px"；
查看全部 -
1rem默認(rèn)是16px
可以通過設(shè)置html全局的font-size來對(duì)rem進(jìn)行初始化
查看全部
舉報(bào)