将``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设置了像素大小，并为子段设置了百分比大小，因此子段使用父像素大小作为基本测量。