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