網(wǎng)站制作NEWS
css在初始化時(shí)為什么寫成h1,h2,h3,h4,h5,h6{font-size:1em;}是1em而不是12px呢
給篇文章你看看就能懂了
CSS中px和em屬性的特點(diǎn)與區(qū)別
詳解px和em的特點(diǎn)和區(qū)別
象素px是我們?cè)诙xCSS中經(jīng)常用到的尺寸大小單位，而em在國外網(wǎng)站中經(jīng)常被使用，px和em之間究竟有什么區(qū)別和特點(diǎn)呢？
◆px像素（Pixel），相對(duì)長度單位。像素px是相對(duì)于顯示器屏幕分辨率而言的。
◆em是相對(duì)長度單位，相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。
因此用px來定義字體，就無法用瀏覽器字體放大的功能。
任意瀏覽器的默認(rèn)字體高都是16px。所有未經(jīng)調(diào)整的瀏覽器都符合:1em=16px。那么12px=0.75em,10px=0.625em。為了簡化font-size的換算，需要在css中的body選擇器中聲明Font-size=62.5%，這就使em值變?yōu)?6px*62.5%=10px,這樣12px=1.2em,10px=1em,也就是說只需要將你的原來的px數(shù)值除以10，然后換上em作為單位就行了。
◆CSS中em屬性有如下特點(diǎn)
1.em的值并不是固定的；
2.em會(huì)繼承父級(jí)元素的字體大小。
◆所以我們?cè)趯慍SS的時(shí)候，需要注意
1.body選擇器中聲明Font-size=62.5%；
2.將你的原來的px數(shù)值除以10，然后換上em作為單位；
3.重新計(jì)算那些被放大的字體的em數(shù)值。避免字體大小的重復(fù)聲明。
也就是避免1.2*1.2=1.44的現(xiàn)象。比如說你在#content中聲明了字體大小為1.2em，那么在聲明p的字體大小時(shí)就只能是1em，而不是1.2em,因?yàn)榇薳m非彼em，它因繼承#content的字體高而變?yōu)榱?em=12px。
但是12px漢字例外，就是由以上方法得到的12px(1.2em)大小的漢字在IE中并不等于直接用12px定義的字體大小，而是稍大一點(diǎn)。這個(gè)問題Jorux已經(jīng)解決，只需在body選擇器中把62.5%換成63%就能正常顯示了。原因可能是IE處理漢字時(shí)，對(duì)于浮點(diǎn)的取值精確度有限。不知道有沒有其他的解釋。
多重隨機(jī)標(biāo)簽
二維碼如何防偽 松崗招聘松崗電子廠招聘哪有 南京代運(yùn)營公司興田德潤在哪里 i廈門網(wǎng)頁app打不開怎么回事 職業(yè)高中專業(yè) 新會(huì)平山小學(xué)的基礎(chǔ)建設(shè) 德州盛寧電器靠譜嗎 上海app小程序開發(fā)公司哪家好 重慶市黔江區(qū)城鄉(xiāng)建設(shè)委員會(huì)主要職責(zé) 游戲動(dòng)作設(shè)計(jì)師前景如何 金華城北有哪些新的規(guī)劃 生活中有哪些諾曼設(shè)計(jì) 什么是外鏈和內(nèi)鏈 家樂香酥炸粉調(diào)料45g美味鮮香 編輯年鑒在哪個(gè) 宣城市博廣規(guī)劃咨詢有限公司怎么樣 市場(chǎng)營銷沙盤實(shí)訓(xùn)打法 學(xué)科網(wǎng)的答案靠譜嗎 無錫海寶軟件的emes信息化制造系統(tǒng)和其他系統(tǒng)相比較起來有什么優(yōu)勢(shì)呢 用地用電用水等給予優(yōu)惠甘肅省張掖市發(fā)布?xì)淠墚a(chǎn)業(yè)補(bǔ)貼政策 佛山人才網(wǎng)哪個(gè)好 島中島旅行網(wǎng)經(jīng)典案例 fpga做數(shù)字芯片設(shè)計(jì)需要哪些方面的知識(shí) 這個(gè)在字體中間的字是怎么打上去的怎么在中間劃線呢 室內(nèi)設(shè)計(jì)師的工作流程 江西證書查詢微信小程序是什么 梁平新區(qū)新區(qū)要聞2011年二季度 三星筆記本電腦300e4a多少寸 麥兜系列哪一部相比較來說好看一點(diǎn) 得勝廣東得勝電子有限公司