開始寫前端頁面也有了快兩年時間,從一開始的懵逼到現(xiàn)在的淡定,但是不能改變我還是一只小菜鳥的事實(shí),平時遇到的一些問題都會記錄在文件夾里,現(xiàn)在都整理一下大家一起分享自己平時也翻翻看看~
不知道大家平時寫的時候是用的什么,但是我一般用的是這幾個:px,百分比,em,rem
一、首先咱先了解下這幾個都是啥,有啥區(qū)別:
px:就是像素,相對于屏幕分辨率而言的,簡單來說就是平時我們寫靜態(tài)頁面時用px作單位,但是在firefox/chrome會發(fā)現(xiàn)我們的布局發(fā)生了變化;
百分比:這比較適合塊狀的頁面設(shè)計(jì),但是他相對于不同屏幕而言的,比如經(jīng)常在寫移動端的時候也會用到
em:是相對長度單位,相對于父級元素的單位。如當(dāng)前對行內(nèi)文本的字體尺寸未被人為設(shè)置,則相對于瀏覽器的默認(rèn)字體尺寸。就是當(dāng)默認(rèn)字體大小為14px,那么就有1em=14px;
rem:是相對于根元素,這樣就意味著,我們只需要在根元素確定一個參考值。
二、平時用這些遇到的一些問題以及現(xiàn)在我最終使用的