課程
/前端開發(fā)
/Html5
/HTML5+CSS3實現(xiàn)春節(jié)賀卡
問下font-size 的rem數(shù)值怎么換算的
2016-02-04
源自:HTML5+CSS3實現(xiàn)春節(jié)賀卡 3-5
正在回答
我的理解是這樣
font-size: 1.5625vw;是怎么回事呢?這個1.5625 = (10/640)*100 ,這個10是怎么來的呢,為了開發(fā)方便大家都喜歡把根字體設(shè)為10px,因為這樣的話1rem就等于10px,而我們在量設(shè)計圖時得到的單位是px,所以我們在轉(zhuǎn)成rem時直接除以10就可以,計算非常方便。這個640是一般的設(shè)計圖都是640px寬的,這個值可以根據(jù)設(shè)計圖的實際大小來調(diào)整。為什么要乘以100呢,因為要換算到vm的單位。
我的個人理解是,在設(shè)置全局樣式的時候,font-size: 1.5625vw; 是根據(jù)10px來換算的,在設(shè)置燈籠字體的時候,老師說這個是通過ps量出來的,大概就是量出來的像素是35.06px,在移動端中字體使用rem作為單位,字體像素(px)/根目錄字體像素(px)= 換算出來的字體大?。╮em),即通過ps量出來的字體大小是35.06px,通過換算得到3.506rem……如果我的答案是錯的,希望能有前輩出來指點一下,謝謝~
舉報
又逢新春佳節(jié),春節(jié)賀卡搞起來,學會HTML5+CSS3實現(xiàn)春節(jié)賀卡
2 回答rem的換算
1 回答rem與vm的區(qū)別
1 回答15vw 怎么來的?
1 回答圖片的百分比怎么算出來的?
2 回答關(guān)于vw和vh以及rem的計算問題?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-02-16
我的理解是這樣
font-size: 1.5625vw;是怎么回事呢?這個1.5625 = (10/640)*100 ,這個10是怎么來的呢,為了開發(fā)方便大家都喜歡把根字體設(shè)為10px,因為這樣的話1rem就等于10px,而我們在量設(shè)計圖時得到的單位是px,所以我們在轉(zhuǎn)成rem時直接除以10就可以,計算非常方便。這個640是一般的設(shè)計圖都是640px寬的,這個值可以根據(jù)設(shè)計圖的實際大小來調(diào)整。為什么要乘以100呢,因為要換算到vm的單位。
2016-02-04
我的個人理解是,在設(shè)置全局樣式的時候,font-size: 1.5625vw; 是根據(jù)10px來換算的,在設(shè)置燈籠字體的時候,老師說這個是通過ps量出來的,大概就是量出來的像素是35.06px,在移動端中字體使用rem作為單位,字體像素(px)/根目錄字體像素(px)= 換算出來的字體大?。╮em),即通過ps量出來的字體大小是35.06px,通過換算得到3.506rem……如果我的答案是錯的,希望能有前輩出來指點一下,謝謝~