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