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

Question

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

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

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

我做错了什么？

Answer 1

你试过了吗。

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

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

Answer 2

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

Resizing CodeMirror editor with CSS doesn't work