使用 CSS 调整 CodeMirror 编辑器的大小不起作用答案

【问题标题】：Resizing CodeMirror editor with CSS doesn't work使用 CSS 调整 CodeMirror 编辑器的大小不起作用
【发布时间】：2018-05-30 13:22:15
【问题描述】：

我一直在尝试使用 CSS 更改 Codemirror 编辑器的宽度和高度，但似乎没有任何效果。

.CodeMirror {
   width: 500px;
   height: 1000px;
}

它没有相应地调整大小，而是保持在 300 像素的高度和全宽。尽管如此，我仍然可以通过代码设置宽度和高度：editor.setSize(500, 1000);

我做错了什么？

【问题讨论】：

【解决方案1】：

你试过了吗？

.CodeMirror {
    max-width: 500px;
    max-height: 1000px;
    width: 100%;
    height: 100%;
}

尝试使用百分比。 CodeMirror 文档还特别说您应该使用 width: auto 和 height: auto 来自动缩放。仅供参考。

【讨论】：

【解决方案2】：

确保在 Codemirror 的默认样式表之后导入自己的 CSS 文件。否则，默认值不会被正确覆盖。只需最后导入样式表即可。

【讨论】：