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.