課程
/前端開發(fā)
/Html5
/HTML5+CSS3實現(xiàn)春節(jié)賀卡
這個單位是怎么計算的,跟設(shè)計圖的尺寸有關(guān)系嗎,有的設(shè)計圖是640的,還有的是750/1080的,都是怎么計算的啊,跟em,rem,%都有什么區(qū)別
2016-02-15
源自:HTML5+CSS3實現(xiàn)春節(jié)賀卡 3-3
正在回答
當(dāng)前環(huán)境下元素尺寸(像素)/當(dāng)前設(shè)備分辨率寬度(像素)*100得出vm;
而vh就是相對于設(shè)備高度計算的啦
音樂圖片的大小是75X75?怎么算才等一?15vw和15vh
懵逼的我
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的單位。
http://idcbgp.cn/article/4767?文章一直在核審中,不知道你們能不能看到
demo中,字號10像素,寫的是15點多vw,如果用%的話是62.5%這是怎么回事啊
px:絕對單位,頁面按精確像素展示
em:相對單位,基準(zhǔn)點為父節(jié)點字體的大小,如果自身定義了font-size按自身來計算(瀏覽器默認(rèn)字體是16px),整個頁面內(nèi)1em不是一個固定的值。
rem:相對單位,可理解為”root em”, 相對根節(jié)點html的字體大小來計算,CSS3新加屬性,chrome/firefox/IE9+支持。
vw:viewpoint width,視窗寬度,1vw等于視窗寬度的1%。vh:viewpoint height,視窗高度,1vh等于視窗高度的1%。
丫丫_0006 提問者
舉報
又逢新春佳節(jié),春節(jié)賀卡搞起來,學(xué)會HTML5+CSS3實現(xiàn)春節(jié)賀卡
1 回答vw,vh這些寬度和高度怎么算的?
1 回答關(guān)于寬高vw,vh
2 回答vh高度是怎么算出來得?
2 回答關(guān)于vw和vh以及rem的計算問題?
1 回答vw寬度問題
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)微信公眾號
2016-12-22
當(dāng)前環(huán)境下元素尺寸(像素)/當(dāng)前設(shè)備分辨率寬度(像素)*100得出vm;
而vh就是相對于設(shè)備高度計算的啦
2016-04-18
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的單位。
http://idcbgp.cn/article/4767?文章一直在核審中,不知道你們能不能看到
2016-02-15
demo中,字號10像素,寫的是15點多vw,如果用%的話是62.5%這是怎么回事啊
2016-02-15
px:絕對單位,頁面按精確像素展示
em:相對單位,基準(zhǔn)點為父節(jié)點字體的大小,如果自身定義了font-size按自身來計算(瀏覽器默認(rèn)字體是16px),整個頁面內(nèi)1em不是一個固定的值。
rem:相對單位,可理解為”root em”, 相對根節(jié)點html的字體大小來計算,CSS3新加屬性,chrome/firefox/IE9+支持。
vw:viewpoint width,視窗寬度,1vw等于視窗寬度的1%。
vh:viewpoint height,視窗高度,1vh等于視窗高度的1%。