相同點(diǎn):
rem,em,vw,vh,vw屬于前端開發(fā)除了px單位之外的另外幾種單位取值;但是具體含義存在區(qū)別。
不同點(diǎn):
px:是像素單位,屬于絕對單位,是一個(gè)具體的大小
rem:相對于根元素進(jìn)行設(shè)置
em:如果自身有字體大小的設(shè)置,那么就相對于自身字體大小設(shè)置,如果自身沒有字體大小設(shè)置,那么就相當(dāng)于父元素進(jìn)行設(shè)置。
vw:1vw相當(dāng)于瀏覽器窗口寬度的百分之一
vh:1vh相當(dāng)于瀏覽器窗口高度的百分之一
百分比:相對于父元素寬度或者高度的百分之幾
注意:vw和vh是視口可以觀看的區(qū)域的大小;如果沒有滾動(dòng)條的話,則寬度設(shè)置成100vw和100%的時(shí)候?qū)崿F(xiàn)的效果一直;如果有滾動(dòng)的話,則100vw中不是包括滾動(dòng)條的,100%是包括滾動(dòng)條的距離的。
更多關(guān)于前端培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗(yàn),采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式,擁有國內(nèi)一體化教學(xué)管理及學(xué)員服務(wù),助力更多學(xué)員實(shí)現(xiàn)高薪夢想。