開(kāi)始寫前端頁(yè)面也有了快兩年時(shí)間,從一開(kāi)始的懵逼到現(xiàn)在的淡定,但是不能改變我還是一只小菜鳥(niǎo)的事實(shí),平時(shí)遇到的一些問(wèn)題都會(huì)記錄在文件夾里,現(xiàn)在都整理一下大家一起分享自己平時(shí)也翻翻看看~

不知道大家平時(shí)寫的時(shí)候是用的什么,但是我一般用的是這幾個(gè):px,百分比,em,rem

一、首先咱先了解下這幾個(gè)都是啥,有啥區(qū)別:

px:就是像素,相對(duì)于屏幕分辨率而言的,簡(jiǎn)單來(lái)說(shuō)就是平時(shí)我們寫靜態(tài)頁(yè)面時(shí)用px作單位,但是在firefox/chrome會(huì)發(fā)現(xiàn)我們的布局發(fā)生了變化;

百分比:這比較適合塊狀的頁(yè)面設(shè)計(jì),但是他相對(duì)于不同屏幕而言的,比如經(jīng)常在寫移動(dòng)端的時(shí)候也會(huì)用到

em:是相對(duì)長(zhǎng)度單位,相對(duì)于父級(jí)元素的單位。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置,則相對(duì)于瀏覽器的默認(rèn)字體尺寸。就是當(dāng)默認(rèn)字體大小為14px,那么就有1em=14px;

rem:是相對(duì)于根元素,這樣就意味著,我們只需要在根元素確定一個(gè)參考值。

二、平時(shí)用這些遇到的一些問(wèn)題以及現(xiàn)在我最終使用的

網(wǎng)友評(píng)論