Что означает CSS-свойство font-size, определенное в процентах?

Question

Используя свойство CSS font-size, можно указать размер в процентах. К чему относится этот процент?

Answer 1

Процент относится к проценту размера родительского элемента. Я думаю, что размер шрифта браузера по умолчанию составляет 14 пикселей, поэтому:

  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 и размер в процентах для дочернего абзаца, дочерний абзац использует размер родительского пикселя в качестве базового измерения.