作為一個(gè)剛?cè)肭岸巳ψ拥男“壮绦騿T,我們在工作中經(jīng)常會(huì)遇到許多問題,在文匯軟件工作的近半個(gè)月時(shí)間里,小編學(xué)到了移動(dòng)端如何轉(zhuǎn)換單位。下面小編就來分享下自己的工作經(jīng)驗(yàn)。
首先我們要了解rem是只相對于根元素htm的font-size,即只需要設(shè)置根元素的font-size。為此我們必須引入以下的這段js.
這句話的意思是說把設(shè)計(jì)稿分為100份,同時(shí)動(dòng)態(tài)獲取文檔和body的寬度,即1:100的比例,當(dāng)然這個(gè)比例也可以自己進(jìn)行調(diào)整
然后我們就可以把設(shè)計(jì)稿的寬度和高度都轉(zhuǎn)化成rem了,如10px=0.1rem。不過要記住,即使在移動(dòng)端字體最小也不能小于12px
這樣我們敲出的靜態(tài)頁就能夠等比適配不同的屏幕了
上一篇: 特殊字體樣式在css中的引用方式
下一篇: 在前端制作中,swiper的使用方法