定義爲百分比的CSS`font-size`屬性是什麼意思？

Question

使用CSS font-size屬性，可以將百分比指定爲大小。這個百分比指的是什麼？

Answer 1

百分比是指父元素的大小百分比。我覺得默認的瀏覽器字體大小是14px的，所以：

 

    p{ font-size: 100%; } /* 14px */ 
    p{ font-size: 85%; } /* 12px */ 
 

它開始變得有點複雜，如果你有這樣的：

 

    <style type="text/css"> 
     div{ font-size: 20px; } 
     p{ font-size: 80%; } /* 16px */ 
    </style> 

    <div> 
     <p>Some Test</p> 
    </div> 
 

因爲我設置的像素尺寸父DIV，和子段落的百分比大小，子段落使用父像素大小作爲基礎度量。 「