使用选择器:root灵活控制字体大小

在响应式布局中，字体大小应需要根据不同的视口进行调整。你可以计算字体大小根据视口高度的字体大小和宽度，这时需要用到:root:

  1. :root {
  2.   font-size: calc(1vw + 1vh + .5vmin);
  3. }

现在，您可以使用 root em 

  1. body {
  2.   font: 1rem/1.6 sans-serif;
  3. }

演示