css - 更改字体大小后呈现高度不正确

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 {字体大小:8px；行高:1；}