px&em&rem

1.em&px的區(qū)別铣鹏,不是很重要Ie6-8有問題鲜锚,國內(nèi)大多用em

1.em的值并不是固定的,是根據(jù)當(dāng)前字體的大小而定事哭,1em就是當(dāng)前字體的大小狈定。而px的大小是固定颂龙。
2.em可以繼承自父容器,而px不行。
3.在IE中px的字體是不能夠改變大小的(在IE上方點擊 查看 > 文字大欣逋小)友雳。縮放都可以的

Paste_Image.png

單純使用em也不行铅匹,在ie中仍然存在問題押赊,或大或小
可以結(jié)合百分比:
body{ font-size:100%;}
h1{ font-size:3.75em;}
h2{ font-size:2.5em;}
p{ font-size:0.875em;}
正常設(shè)置

 1.body選擇器中聲明Font-size=62.5%;
 2.將你的原來的px數(shù)值除以10包斑,然后換上em作為單位流礁;

2.rem 很重要

這個單位可謂集相對大小和絕對大小的優(yōu)點于一身,通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小罗丰,又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)神帅。
Mozilla Firefox 3.6+Apple Safari 5+萌抵、Google Chrome找御、IE9+Opera11+。支持
em”是相對于其父元素來設(shè)置字體大小的绍填,這樣就會存在一個問題霎桅,進行任何元素設(shè)置,都有可能需要知道他父元素的大小讨永,在我們多次使用時滔驶,就會帶來無法預(yù)知的錯誤風(fēng)險。而rem是相對于根元素<html>卿闹,這樣就意味著揭糕,我們只需要在根元素確定一個參考值,在根元素中設(shè)置多大的字體锻霎,這完全可以根據(jù)您自己的需

html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
 body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
 h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/}

//下面是如何編寫手機端web
http://www.reibang.com/p/b00cd3506782
http://www.reibang.com/p/e848fcc7e205
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末著角,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子旋恼,更是在濱河造成了極大的恐慌吏口,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蚌铜,死亡現(xiàn)場離奇詭異锨侯,居然都是意外死亡对竣,警方通過查閱死者的電腦和手機雏门,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進店門哗咆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來菱肖,“玉大人缚陷,你說我怎么就攤上這事野揪∮沃纾” “怎么了仪缸?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長痴荐。 經(jīng)常有香客問我血柳,道長,這世上最難降的妖魔是什么生兆? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任难捌,我火速辦了婚禮,結(jié)果婚禮上鸦难,老公的妹妹穿的比我還像新娘根吁。我一直安慰自己,他們只是感情好合蔽,可當(dāng)我...
    茶點故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布击敌。 她就那樣靜靜地躺著,像睡著了一般拴事。 火紅的嫁衣襯著肌膚如雪沃斤。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天刃宵,我揣著相機與錄音衡瓶,去河邊找鬼。 笑死组去,一個胖子當(dāng)著我的面吹牛鞍陨,可吹牛的內(nèi)容都是我干的步淹。 我是一名探鬼主播从隆,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼缭裆!你這毒婦竟也來了键闺?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤澈驼,失蹤者是張志新(化名)和其女友劉穎辛燥,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缝其,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡挎塌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了内边。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片榴都。...
    茶點故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖漠其,靈堂內(nèi)的尸體忽然破棺而出嘴高,到底是詐尸還是另有隱情竿音,我是刑警寧澤,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布拴驮,位于F島的核電站春瞬,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏套啤。R本人自食惡果不足惜宽气,卻給世界環(huán)境...
    茶點故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望潜沦。 院中可真熱鬧抹竹,春花似錦、人聲如沸止潮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽喇闸。三九已至袄琳,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間燃乍,已是汗流浹背唆樊。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留刻蟹,地道東北人逗旁。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像舆瘪,于是被迫代替她去往敵國和親片效。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,033評論 2 355

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案英古? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,754評論 1 92
  • ·##概念介紹:1.px(pixel,像素):是一個虛擬長度單位唠叛,是計算機系統(tǒng)的數(shù)字化長度單位只嚣,如果px要換算成物...
    小時候很帥的龍少閱讀 2,122評論 0 6
  • IE無法調(diào)整那些使用px作為單位的字體大小艺沼; 國外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位册舞;...
    6659a0f02826閱讀 349評論 0 0
  • 直奔主題饶唤! 一,px ---- 像素(Pixel)贯钩。 相對長度單位募狂。 像素px是相對于顯示器屏幕分辨率而言的,作為...
    遠眺北極熊閱讀 1,501評論 0 0
  • PX特點 IE無法調(diào)整那些使用px作為單位的字體大薪抢住祸穷; 國外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為...
    httIsHere閱讀 252評論 0 0