作為一個剛入前端圈子的小白程序員,我們在工作中經常會遇到許多問題,在文匯軟件工作的近半個月時間里,小編學到了移動端如何轉換單位。下面小編就來分享下自己的工作經驗。
首先我們要了解rem是只相對于根元素htm的font-size,即只需要設置根元素的font-size。為此我們必須引入以下的這段js.

這句話的意思是說把設計稿分為100份,同時動態獲取文檔和body的寬度,即1:100的比例,當然這個比例也可以自己進行調整
然后我們就可以把設計稿的寬度和高度都轉化成rem了,如10px=0.1rem。不過要記住,即使在移動端字體最小也不能小于12px
這樣我們敲出的靜態頁就能夠等比適配不同的屏幕了


上一篇: 特殊字體樣式在css中的引用方式
下一篇: 在前端制作中,swiper的使用方法
