課程
/前端開發(fā)
/HTML/CSS
/移動web開發(fā)適配秘籍Rem
頁面寬度是320px , htmlDom.style.fontSize = htmlWidth/20+'px'; 1rem=32px嗎?1rem=16px吧
2018-02-02
源自:移動web開發(fā)適配秘籍Rem 2-3
正在回答
為啥我獲取到的還是1920.是不是meat專用移動設(shè)備的沒起作用?
按你的代碼,pxtorem函數(shù)中 rem基數(shù)是37.5,那么js動態(tài)修改html的font-size: width/10, 那么在resize的過程中width是變化的,設(shè)置的font-size也是變化的,但是pxtorem函數(shù)中的始終是37.5,是不是有問題?
這里的rem 是算出來的,就是你的這個公式,根據(jù)實際需求定義除數(shù),也就是 你這里的20 , 算出來1rem 等于多少px ,320除以20 為16,也就是1rem
按照你這樣的寫法,也就是 320 ?/ 20 = 16,所以就設(shè)置了html的字體大小為16px,后續(xù)子元素引用的rem,就是 1rem = 16px ;所以你想的是對的,
16px
舉報
移動web不求人,全面掌握移動web開發(fā)rem適配方案。
1 回答3-1 關(guān)于獲取屏關(guān)于獲取屏幕寬度除以10和20的px貌似反了
2 回答rem 在OOP OR15上面顯示的寬度特別小
1 回答2020年的今天,px-to-viewport方案是不是更好?
2 回答字體使用px的話如何適配
1 回答關(guān)于除以10和除以20
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-08-01
為啥我獲取到的還是1920.是不是meat專用移動設(shè)備的沒起作用?
2018-07-10
按你的代碼,pxtorem函數(shù)中 rem基數(shù)是37.5,那么js動態(tài)修改html的font-size: width/10, 那么在resize的過程中width是變化的,設(shè)置的font-size也是變化的,但是pxtorem函數(shù)中的始終是37.5,是不是有問題?
2018-02-04
這里的rem 是算出來的,就是你的這個公式,根據(jù)實際需求定義除數(shù),也就是 你這里的20 , 算出來1rem 等于多少px ,320除以20 為16,也就是1rem
2018-02-02
按照你這樣的寫法,也就是 320 ?/ 20 = 16,所以就設(shè)置了html的字體大小為16px,后續(xù)子元素引用的rem,就是 1rem = 16px ;所以你想的是對的,
2018-02-02
16px