CSS3單位

相對(duì)于字體的單位###

em####

相對(duì)單位,參考物是父元素的font-size,瀏覽器的默認(rèn)值是16px,那么1em = 16px徒扶。

body {
    font-size: 62.5%;
}
// 這樣之后 1em = 10px 

ex與ch####

這兩個(gè)單位時(shí)根據(jù) **當(dāng)前font-family **的相對(duì)單位。

ch 字符0的寬度
ex 小寫字符x的高度

當(dāng)font-family改變的時(shí)候這兩個(gè)單位的值也會(huì)變化根穷,不同字體表現(xiàn)的樣式不一樣姜骡。

rem####

rem支持IE9及以上导坟,意思是相對(duì)于根元素html(網(wǎng)頁),不會(huì)像em那樣圈澈,依賴于父元素的字體大小惫周,而造成混亂。

相對(duì)于窗口的單位###

vh和vm####

vw Viewport寬度康栈, **1vw **等于viewport寬度的1%
vh Viewport高度递递, **1vh **等于viewport高的的1%

vmin與vmax####

IE10+ 和現(xiàn)代瀏覽器都已經(jīng)支持vmin
webkit瀏覽器之前不支持vmax,新版已經(jīng)支持谅将,所有現(xiàn)代瀏覽器已經(jīng)支持漾狼,但是IE **全部 **不支持vmax

vmin vw和vh中比較 的值
vmax vw和vh中比較 的值

絕對(duì)單位###

in、cm饥臂、mm、pt似踱、pc####

1in = 2.54cm = 254mm = 6pc = 72pt

q####

mozmm####

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末隅熙,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子核芽,更是在濱河造成了極大的恐慌囚戚,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件轧简,死亡現(xiàn)場(chǎng)離奇詭異驰坊,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)哮独,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門拳芙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人皮璧,你說我怎么就攤上這事舟扎。” “怎么了悴务?”我有些...
    開封第一講書人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵睹限,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我讯檐,道長(zhǎng)羡疗,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任别洪,我火速辦了婚禮叨恨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蕉拢。我一直安慰自己特碳,他們只是感情好诚亚,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著午乓,像睡著了一般站宗。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上益愈,一...
    開封第一講書人閱讀 52,441評(píng)論 1 310
  • 那天梢灭,我揣著相機(jī)與錄音,去河邊找鬼蒸其。 笑死敏释,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的摸袁。 我是一名探鬼主播钥顽,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼靠汁!你這毒婦竟也來了蜂大?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤蝶怔,失蹤者是張志新(化名)和其女友劉穎奶浦,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體踢星,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡澳叉,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了沐悦。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片成洗。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖所踊,靈堂內(nèi)的尸體忽然破棺而出泌枪,到底是詐尸還是另有隱情,我是刑警寧澤秕岛,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布碌燕,位于F島的核電站,受9級(jí)特大地震影響继薛,放射性物質(zhì)發(fā)生泄漏修壕。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一遏考、第九天 我趴在偏房一處隱蔽的房頂上張望慈鸠。 院中可真熱鬧,春花似錦灌具、人聲如沸青团。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽督笆。三九已至芦昔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間娃肿,已是汗流浹背咕缎。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留料扰,地道東北人凭豪。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像晒杈,于是被迫代替她去往敵國(guó)和親嫂伞。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案拯钻? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,760評(píng)論 1 92
  • CSS中有許多設(shè)置長(zhǎng)度單位的屬性末早,除了經(jīng)常使用的px,em之外,還有一些不太經(jīng)常使用的说庭,但是作為一個(gè)前端工程師,也...
    SCQ000閱讀 2,611評(píng)論 2 51
  • CSS有兩種類型的單位長(zhǎng)度:相對(duì)和絕對(duì)郑趁。相對(duì)長(zhǎng)度單位指定了一個(gè)長(zhǎng)度相對(duì)于另一個(gè)長(zhǎng)度的屬性刊驴。對(duì)于不同的設(shè)備,相對(duì)長(zhǎng)度...
    你期待的花開閱讀 1,608評(píng)論 0 16
  • 一、靜態(tài)布局(Static Layout)即傳統(tǒng)Web設(shè)計(jì)绍载,網(wǎng)頁上的所有元素的尺寸一律使用px作為單位诡宗。1、布局特...
    HowlEagle101Div閱讀 6,359評(píng)論 0 18
  • css長(zhǎng)度單位 css 長(zhǎng)度單位一般我們分為絕對(duì)長(zhǎng)度單位和相對(duì)長(zhǎng)度單位 絕對(duì)長(zhǎng)度單位 絕對(duì)長(zhǎng)度單位是一個(gè)固定的值击儡,...
    YM雨蒙閱讀 1,513評(píng)論 0 3