作為一個(gè)剛?cè)肭岸巳ψ拥男“壮绦騿T，我們?cè)诠ぷ髦薪?jīng)常會(huì)遇到許多問題，在文匯軟件工作的近半個(gè)月時(shí)間里，小編學(xué)到了移動(dòng)端如何轉(zhuǎn)換單位。下面小編就來分享下自己的工作經(jīng)驗(yàn)。
首先我們要了解rem是只相對(duì)于根元素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的使用方法
