第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

寬度vw和高度vh是怎么計算的

這個單位是怎么計算的,跟設(shè)計圖的尺寸有關(guān)系嗎,有的設(shè)計圖是640的,還有的是750/1080的,都是怎么計算的啊,跟em,rem,%都有什么區(qū)別

正在回答

5 回答

當(dāng)前環(huán)境下元素尺寸(像素)/當(dāng)前設(shè)備分辨率寬度(像素)*100得出vm;

而vh就是相對于設(shè)備高度計算的啦


0 回復(fù) 有任何疑惑可以回復(fù)我~
音樂圖片的大小是75X75?怎么算才等一?15vw和15vh


0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

懵逼的我

當(dāng)前環(huán)境下元素尺寸(像素)/當(dāng)前設(shè)備分辨率寬度(像素)*100得出vm; 而vh就是相對于設(shè)備高度計算的啦
2016-12-22 回復(fù) 有任何疑惑可以回復(fù)我~

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?文章一直在核審中,不知道你們能不能看到

2 回復(fù) 有任何疑惑可以回復(fù)我~

demo中,字號10像素,寫的是15點多vw,如果用%的話是62.5%這是怎么回事啊

0 回復(fù) 有任何疑惑可以回復(fù)我~

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%。

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

丫丫_0006 提問者

demo中,字號10像素,寫的是15點多vw,如果用%的話是62.5%這是怎么回事啊
2016-02-15 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消
HTML5+CSS3實現(xiàn)春節(jié)賀卡
  • 參與學(xué)習(xí)       110190    人
  • 解答問題       492    個

又逢新春佳節(jié),春節(jié)賀卡搞起來,學(xué)會HTML5+CSS3實現(xiàn)春節(jié)賀卡

進入課程

寬度vw和高度vh是怎么計算的

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號