2017-12-16 30 views
0

Ich habe versucht, die Breite und Höhe meines Codemirror-Editors mit CSS zu ändern, aber es scheint keine Wirkung zu haben.Ändern der Größe von CodeMirror Editor mit CSS funktioniert nicht

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

Anstatt die Größe entsprechend zu ändern, bleibt sie auf einer Höhe von 300px und voller Breite. Trotzdem kann ich noch Breite und Höhe über den Code einstellen: editor.setSize(500, 1000);

Was mache ich falsch?

Lösung:

ich meine eigene CSS-Datei importiert vor die Standardstylesheets von Codemirror. Auf diese Weise wurden die Standardeinstellungen nicht ordnungsgemäß überschrieben. Importieren Sie Ihr Stylesheet zuletzt.

+0

hast du es versucht, wichtig? –

+0

Ja, ich habe es versucht und dafür gesorgt, dass die Registerkarte aktualisiert wurde. – nullmn

Antwort

1

Haben Sie es versucht.

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

Verwenden Sie Prozentsätze. Auch CodeMirror-Dokumente sagen ausdrücklich, dass Sie width: auto und height verwenden sollten: auto to auto scale. Nur zu deiner Information.

+0

Mit dieser wird die Breite halbiert, aber die Höhe ist immer noch gleich. – nullmn

+0

Versuchen Sie den bearbeiteten Code über –

+0

Jetzt ist es noch kleiner, aber die Höhe ist immer noch die gleiche. – nullmn

Verwandte Themen