課程
/前端開發(fā)
/JavaScript
/H5+JS+CSS3 實(shí)現(xiàn)圣誕情緣
這行代碼中,修改了20和320的數(shù)值在頁(yè)面上沒(méi)有什么大的作用是怎么回事呢?
2015-12-16
源自:H5+JS+CSS3 實(shí)現(xiàn)圣誕情緣 3-1
正在回答
這個(gè)要算比例的吧,根據(jù)自己的常用瀏覽器來(lái)作對(duì)比,找一個(gè)基準(zhǔn)數(shù),你想看效果,數(shù)據(jù)改的大一些,會(huì)有效果
滄山沐雪側(cè)帽行 提問(wèn)者
那我屏幕是640的呢,320就改成640嗎?
這個(gè)是為了適配屏幕的算法
默認(rèn)情況下瀏覽器的字體大小為16px,16px=1rem。20*(docEl.clientWidth / 320)意思是 獲取當(dāng)前屏幕寬度除以16(20/320) 得到的是字體放大或縮小的倍率。當(dāng)你改變20或320時(shí) 實(shí)質(zhì)改變的是字體的放大倍率 兩者的比值越小 字體放大的倍率越大 反之亦然
sunnybao
yangsl_poplar
舉報(bào)
為圣誕節(jié)準(zhǔn)備的H5+JS+CSS特效案例教程,實(shí)現(xiàn)靜與動(dòng)的結(jié)合
2 回答20 * (docEl.clientWidth / 320) + 'px';為什么要用20乘呢?
1 回答【docEl.style.fontSize = 16 * (docEl.clientWidth / 320) + 'px';】這句代碼的理解
2 回答rem和px的換算
2 回答20是怎么出來(lái)的
1 回答根據(jù)設(shè)計(jì)圖px如何轉(zhuǎn)成rem?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-12-16
這個(gè)要算比例的吧,根據(jù)自己的常用瀏覽器來(lái)作對(duì)比,找一個(gè)基準(zhǔn)數(shù),你想看效果,數(shù)據(jù)改的大一些,會(huì)有效果
2016-11-17
那我屏幕是640的呢,320就改成640嗎?
2015-12-17
這個(gè)是為了適配屏幕的算法
2015-12-16
默認(rèn)情況下瀏覽器的字體大小為16px,16px=1rem。20*(docEl.clientWidth / 320)意思是 獲取當(dāng)前屏幕寬度除以16(20/320) 得到的是字體放大或縮小的倍率。當(dāng)你改變20或320時(shí) 實(shí)質(zhì)改變的是字體的放大倍率 兩者的比值越小 字體放大的倍率越大 反之亦然