px，em禀晓，rem精续、vw、vh
1.px (pixel粹懒，像素)：
是一個(gè)虛擬長度單位重付，是計(jì)算機(jī)系統(tǒng)的數(shù)字化圖像長度單位，如果px要換算成物理長度崎淳，需要指定精度DPI(Dots Per Inch堪夭，每英寸像素?cái)?shù))，在掃描打印時(shí)一般都有DPI可選拣凹。Windows系統(tǒng)默認(rèn)是96dpi森爽，Apple系統(tǒng)默認(rèn)是72dpi。
2.em(相對長度單位嚣镜，相對于當(dāng)前對象內(nèi)文本的字體尺寸)：
是一個(gè)相對長度單位爬迟，最初是指字母M的寬度，故名em【漳洌現(xiàn)指的是字符寬度的倍數(shù)付呕，用法類似百分比计福，如：0.8em, 1.2em,2em等。通常1em=16px徽职。
3.rem(root em象颖，根em):
rem是一個(gè)相對單位，1rem等于html元素上字體設(shè)置的大小姆钉。我們只要設(shè)置html上font-size的大小说订，就可以改變r(jià)em所代表的大小。這樣我們就有了一個(gè)可控的統(tǒng)一參考系潮瓶。我們現(xiàn)在有兩個(gè)目標(biāo)：rem單位所代表的尺寸大小和屏幕寬度成正比陶冷，也就是設(shè)置html元素的font-size和屏幕寬度成正比rem單位和px單位很容易進(jìn)行換算，方便我們按照標(biāo)注稿寫cssrem與em的區(qū)別：rem是相對于根元素（html）的字體大小毯辅，而em是相對于其父元素的字體大小em最多取到小數(shù)點(diǎn)的后三位
4.vw埂伦、vh：
css3中引入了一個(gè)新的單位vw/vh，與視圖窗口有關(guān)思恐，vw表示相對于視圖窗口的寬度沾谜，vh表示相對于視圖窗口高度，除了vw和vh外胀莹，還有vmin和vmax兩個(gè)相關(guān)的單位类早。各個(gè)單位具體的含義如下：
vw 相對于視窗的寬度，視窗寬度是100vw
vh 相對于視窗的高度嗜逻，視窗高度是100vh
vmin vw和vh中的較小值
vmax vw和vh中的較大值
這里我們發(fā)現(xiàn)視窗寬高都是100vw／100vh，那么vw或者vh缭召，下簡稱vw栈顷，很類似百分比單位。vw和%的區(qū)別為：
% 大部分相對于祖先元素嵌巷，也有相對于自身的情況比如（border-radius萄凤、translate等)
vw/vh 相對于視窗的尺寸
css--px腌且，em，rem榛瓮、vw铺董、vh
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來胃珍，“玉大人梁肿，你說我怎么就攤上這事蜓陌。” “怎么了吩蔑？”我有些...
- 文/不壞的土叔 我叫張陵念恍，是天一觀的道長。 經(jīng)常有香客問我臼婆，道長宜咒，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任蛀骇，我火速辦了婚禮厌秒，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘擅憔。我一直安慰自己鸵闪，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布暑诸。 她就那樣靜靜地躺著蚌讼，像睡著了一般。 火紅的嫁衣襯著肌膚如雪个榕。 梳的紋絲不亂的頭發(fā)上篡石，一...
- 文/蒼蘭香墨 我猛地睜開眼霹崎，長吁一口氣：“原來是場噩夢啊……” “哼珊搀！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起尾菇，我...
- 序言：老撾萬榮一對情侶失蹤境析，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后派诬，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體劳淆，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年默赂，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了憔儿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布拾氓，位于F島的核電站，受9級(jí)特大地震影響底哥，放射性物質(zhì)發(fā)生泄漏咙鞍。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一趾徽、第九天 我趴在偏房一處隱蔽的房頂上張望续滋。 院中可真熱鬧，春花似錦孵奶、人聲如沸疲酌。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽朗恳。三九已至，卻和暖如春载绿，著一層夾襖步出監(jiān)牢的瞬間粥诫，已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓怕享，卻偏偏與公主長得像揉稚，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子熬粗，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 響應(yīng)式布局的常用解決方案對比(媒體查詢芳来、百分比含末、rem和vw/vh） 本文介紹在布局中常用的單位，比如px即舌、%佣盒、r...
- 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
- 70后農(nóng)村長大的媽媽們盯仪，小時(shí)候都幾乎沒有接觸過漫畫書，童話書蜜葱。時(shí)代的匱乏全景，讓我們對書從小就有著深深的渴望。如果哪個(gè)...
- 1. 最近這幾天，每天都在寫作揭鳞，有好多朋友都說我寫的越來越好了炕贵。說實(shí)話，我自己沒什么感覺野崇，總感覺離好文章還差的很遠(yuǎn)...
- 5分鐘称开，堅(jiān)持完成一篇簡書！ 今天舞骆，讓我感覺：學(xué)習(xí)钥弯，是件無止境的事情，無論怎樣督禽，笨也好脆霎，傻也好，只要你努...
