html上根關聯的單位
作者：佚名 時間：2014-06-11 分享到：
關聯于尺寸的單位是十分有益的,但如果想要使用一種給予用戶更多控制權的單位,則可以使用一個關聯于設置值的單位.root em是一種排版單位,它與em一樣基于大寫字母的寬度.但這個定義并不是那么重要,讀者只需要知道可以將rem用于關聯尺寸的更改就足夠了.
rem與em的區別是,em是繼承的,而rem是固定的,例如,將一個文件根的字體大小設置為10px;
html{font-size:10px;}
如果想要生成一個大小為12px的p元素,則可以通過下方式使用rem和em中的任一種:
p{font-size:1.2em;}
p{font-size:1.2rem}
到目前為止,兩者的所有操作都相同,但現在, 假設p元素中包含一個b元素,接下來生成一個在龍潭虎穴為13px的b元素,由于em是繼承的,所以必須使用較小的數值除以較大的數值以獲取新的字體大小:
p b{ font-size:1.08333em }
使用em的兩個缺點是一數字位較長的數值會變得越來越難以處理;二是不同的瀏覽器對數值的取整方式不同.但rem值并沒有這些問題,這使得它比em更易于使用.
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/hynews/20151126/n3344.html
