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

Question

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

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

不是相应地调整大小，而是保持在300px和全宽的高度。 不过我仍然可以通过代码设置宽度和高度：editor.setSize(500, 1000);

我做错了什么？

解决方案：

我在 Codemirror的默认样式表之前导入了我自己的CSS文件。这样，默认值不会被正确覆盖。最后只需导入样式表。

Answer 1

你试过吗？

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

尝试使用百分比。 此外CodeMirror文档特别指出你应该使用width：auto和height：auto来自动缩放。只是fyi。

Answer 2

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