font-size中的em和百分比的區(qū)別是什么呢
既然font-size也可以用百分比或者em表示，而em來(lái)自于父元素的大小，那么百分比和em的功能不就相同了么？以前似乎說(shuō)em表示的是默認(rèn)字體的大小
四面體
2015-03-22
2 回答
舉報(bào)
0/150
提交
取消
2015-03-23
在定義字體大小的時(shí)候，2em和200%是一樣的效果，因?yàn)榍罢弑硎?個(gè)字符的大小，后者表示默認(rèn)字體大小的兩倍，效果上應(yīng)該沒(méi)什么區(qū)別吧。在實(shí)際開(kāi)發(fā)中一般不會(huì)使用em或者百分比去定義font-size，通常使用像素大小，例如：font-size:14px;font-size:12px;font-size:20px;等等。
2015-03-22
很有趣的問(wèn)題，在font-size里面是沒(méi)什么區(qū)別的，em是測(cè)量單位來(lái)的，在font-size表示默認(rèn)字體的倍數(shù)，百分百也是表示默認(rèn)字體的百分比,不過(guò)在其他代碼也就不一樣了。
比如在text-index(首行縮進(jìn)):2em（縮進(jìn)2字符）;和text-index:200%（縮進(jìn)200%）;效果是不一樣的。
(代碼如下:)
所以，人們?yōu)榱吮阌谟洃?，一般設(shè)置為em，來(lái)代表字符的大?。ɑ蛘呤潜稊?shù)）;
如果覺(jué)得我說(shuō)的好，請(qǐng)給個(gè)贊吧?。?！
<!DOCTYPE?html> <html> <head?lang="en"> ????<meta?charset="UTF-8"> ????<title></title> ????<style> ????????*{ ????????????font-size:?12px; ????????} ????????div{ ????????????font-size:?16px; ????????????width:100px; ????????} ????????.test01{ ????????????text-indent:?2em;; ????????} ????????.test02{ ????????????text-indent:?200%; ????????} ????</style> </head> <body> ????<div> ????????<p?class="test01">sdfalsdfsdfa</p> ????????<p?class="test02">sdfalsdfsdfa</p> ????</div> </body> </html>