Ich bekomme ein seltsames Verhalten, wenn ich Höhe als Variable $main-height in CSS mache.CSS Variable Höhe funktioniert nicht richtig
height: $main-height/2;
Ergebnis Checkbox
Demo Geigen sind unten aufgeführt:
Wenn ich den gleichen Code in CodePen funktioniert - CodePen.
Wie behebt man dies in jsFiddle und meinem HTML?
Bitte beachten Sie, dass ich keine Erfahrung in LESS/SASS habe.
Danke für die Kommentare. Aufgrund der Kommentare füge ich es als Antwort hinzu.
Warum der HTML-Code nicht funktioniert: Dieser Code muss als CSS kompiliert werden.
Wie es in JsFiddle funktioniert: Oben/rechts von der CSS-Box und wählen Sie "scss" als Sprache. (Wie von @MichaelCoker erwähnt)
Wie CSS bekommt Zusammengestellt: In codepen, oben/Pfeil nach rechts in dem CSS-Panel, wählen Sie "Ansicht zusammengestellt css" die kompilierte CSS zu erhalten (wie von @MichaelCoker erwähnt)
klicken Sie auf das kleine Zahnrad in der oberen/rechten Ecke der CSS-Box und wählen Sie "scss" als Sprache –
Wie Michael schrieb, dann funktioniert es ganz gut ... https: //jsfiddle.net/ngkvysx8/9/ – LGSon
@MichaelCoker Vielen Dank. Wie mache ich das gleiche in meiner HTML-Seite? Ich muss es als SCSS einschließen? – Lijo