2016-07-21 17 views
0

Gibt es eine Funktion, die eine benutzerdefinierte CSS-Datei nimmt und die Variablen fheight und fwidth in die Ausgabe von screen.height bzw. screen.width ändert? Ich versuche, eine js-Enthüllungspräsentation mit Prozentsätzen zu positionieren, um Elemente zu positionieren, und ich verstehe, dass die Eigenschaften height, top und bottom nur Prozentsätze als Werte akzeptieren, wenn die Dimensionen eines übergeordneten Elements angegeben werden. Ich kann die Dimensionen der Folie nicht anders als die Javascript-Funktionen screen.height und screen.width angeben, da ich möchte, dass die Präsentation auf Displays jeder Größe funktioniert. Gibt es eine R-, Javascript- oder andere Sprachfunktion, die eine benutzerdefinierte CSS-Datei mit den Variablen fheight und fwidth als Eingabe verwendet und eine CSS-Datei mit diesen durch Pixelwerte ersetzten Variablen zurückgibt?Funktion zum Ändern von Variablen in der CSS-Datei?

möchte ich meine CSS-Datei aussehen:

html, body{ 
    height: fheight; 
    width: fwidth; 
} 

nach dem HTML-und Körperelemente Höhe und Breite an die Abmessungen des Displays eingestellt sind, denke ich, dass die Prozenthöhe angeben und die Position wird Arbeit.

+0

Ich bin nicht ganz sicher, was Sie erreichen möchten, aber es klingt, als ob Sie die CSS-Methode jQuery verwenden könnten, um die relevanten CSS-Werte abhängig von der Eingabe zu ändern. http://api.jquery.com/css/ –

Antwort

2

Was Sie suchen mit SASS möglich ist: http://sass-lang.com/

Allerdings hat normale CSS Variablen in der Art und Weise können Sie beschrieben. Wenn SASS keine Option ist, verwenden Sie Neil Vorschlag und ändern sie jQuery CSS-Funktion (oder wenn Sie ein neueres js style-Attribut bevorzugen)

jQuery:$("body").css({'height': '55px', 'width': '99px';}); Lesen Sie weiter: http://api.jquery.com/css/

Vanille JS:document.body.style.width= fwidth; Lesen Sie weiter: Set CSS property in Javascript? ODER http://www.w3schools.com/js/js_htmldom_css.asp

Hoffen Sie, dass Sie beginnen und viel Glück.