Wie erreicht man mit jQuery die Funktionalität „width: calc(100% - 100px)' in älteren Browsern?

Alternative für „width: calc(100% -100px)“ mit jQuery

Die „width: calc(100% -100px)“ „Die CSS-Regel subtrahiert effizient 100 Pixel von der Gesamtbreite des Objekts. Es gibt jedoch Kompatibilitätsprobleme, da es nur von modernen Browsern und nicht von Safari unterstützt wird.

jQuery-Alternative

Um diese Einschränkung zu beheben, können wir auf jQuery zurückgreifen. Der folgende jQuery-Code erzielt einen ähnlichen Effekt:

$('#yourEl').css('width', '100%').css('width', '-=100px');

Dieser Code berechnet dynamisch die Breite des Objekts als 100 % minus 100 Pixel und legt sie als CSS-Breite fest.

Vorteile der jQuery-Methode

• Einfachheit Verwendung: jQuery vereinfacht die komplexen Berechnungen und erleichtert so die Implementierung der gewünschten Funktionalität.
• Kompatibilität: jQuery wird von allen Browsern weitgehend unterstützt, wodurch die Kompatibilität mit älteren Browsern gewährleistet wird, die dies nicht unterstützen „calc“-Ausdrücke.

Das obige ist der detaillierte Inhalt vonWie erreicht man mit jQuery die Funktionalität „width: calc(100% - 100px)' in älteren Browsern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!