更改字体大小后的渲染高度不正确

Question

由于我正在一个项目中，行之间的间距很重要，并且应该根据字体的大小而变化，所以我无法解决段落的高度问题。我的文档的CSS如下：

body {
  background: transparent;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  font-family: 'Arial';
  font-size: 14px;
  overflow-x: scroll;
}

p {
  line-height: 1;
  margin: 0;
}

当我将某些段落的字体大小更改为小于14px时，即使更改了字体大小并且段落占用的空间保持不变，段落的高度仍保持不变，而预期的行为是占用的空间的高度文字应减少。请找到附件以供参考。

Answer 1

这是CKEDITOR团队根据github.com/ckeditor/ckeditor4/issues/3328开发的功能。也许我们有一天会得到它，但是解决方法是将最小的字体大小设置为默认大小，然后根据字体大小更改空间。例如。 .cke_editable {font-size：8px; line-height：1;}