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