久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

15
2018/09

在前端制作中,移動端rem的使用方法

發(fā)布時間:2018-09-15 10:11:23
發(fā)布者:jintianlong
瀏覽量:
0

作為一個剛?cè)肭岸巳ψ拥男“壮绦騿T,我們在工作中經(jīng)常會遇到許多問題,在文匯軟件工作的近半個月時間里,小編學(xué)到了移動端如何轉(zhuǎn)換單位。下面小編就來分享下自己的工作經(jīng)驗。

首先我們要了解rem是只相對于根元素htm的font-size,即只需要設(shè)置根元素的font-size。為此我們必須引入以下的這段js.

rem如何使用

這句話的意思是說把設(shè)計稿分為100份,同時動態(tài)獲取文檔和body的寬度,即1:100的比例,當(dāng)然這個比例也可以自己進行調(diào)整

然后我們就可以把設(shè)計稿的寬度和高度都轉(zhuǎn)化成rem了,如10px=0.1rem。不過要記住,即使在移動端字體最小也不能小于12px

這樣我們敲出的靜態(tài)頁就能夠等比適配不同的屏幕了

rem的使用方法

rem的使用方法

關(guān)鍵詞:
返回列表