寬度vw和高度vh是怎么計(jì)算的
這個(gè)單位是怎么計(jì)算的，跟設(shè)計(jì)圖的尺寸有關(guān)系嗎，有的設(shè)計(jì)圖是640的，還有的是750/1080的，都是怎么計(jì)算的啊，跟em，rem，%都有什么區(qū)別
丫丫_0006
2016-02-15
5 回答
舉報(bào)
0/150
提交
取消
2016-12-22
當(dāng)前環(huán)境下元素尺寸（像素）/當(dāng)前設(shè)備分辨率寬度（像素）*100得出vm；
而vh就是相對(duì)于設(shè)備高度計(jì)算的啦
2016-04-18
2016-02-16
font-size: 1.5625vw;是怎么回事呢？這個(gè)1.5625 = （10/640）*100 ，這個(gè)10是怎么來(lái)的呢，為了開發(fā)方便大家都喜歡把根字體設(shè)為10px，因?yàn)檫@樣的話1rem就等于10px，而我們?cè)诹吭O(shè)計(jì)圖時(shí)得到的單位是px,所以我們?cè)谵D(zhuǎn)成rem時(shí)直接除以10就可以，計(jì)算非常方便。這個(gè)640是一般的設(shè)計(jì)圖都是640px寬的，這個(gè)值可以根據(jù)設(shè)計(jì)圖的實(shí)際大小來(lái)調(diào)整。為什么要乘以100呢，因?yàn)橐獡Q算到vm的單位。
http://idcbgp.cn/article/4767?文章一直在核審中，不知道你們能不能看到
2016-02-15
demo中，字號(hào)10像素，寫的是15點(diǎn)多vw，如果用%的話是62.5%這是怎么回事啊
2016-02-15
px：絕對(duì)單位，頁(yè)面按精確像素展示
em：相對(duì)單位，基準(zhǔn)點(diǎn)為父節(jié)點(diǎn)字體的大小，如果自身定義了font-size按自身來(lái)計(jì)算（瀏覽器默認(rèn)字體是16px），整個(gè)頁(yè)面內(nèi)1em不是一個(gè)固定的值。
rem：相對(duì)單位，可理解為”root em”, 相對(duì)根節(jié)點(diǎn)html的字體大小來(lái)計(jì)算，CSS3新加屬性，chrome/firefox/IE9+支持。
vw：viewpoint width，視窗寬度，1vw等于視窗寬度的1%。
vh：viewpoint height，視窗高度，1vh等于視窗高度的1%。