Comment puis-je obtenir le même effet que CSS calc() pour la largeur en utilisant jQuery ?

Alternative à CSS calc() utilisant jQuery pour la largeur avec compatibilité

Lorsque vous travaillez avec CSS, la largeur : calc(100% - 100px ) fournit un moyen pratique de spécifier une largeur souhaitée qui s'ajuste dynamiquement en fonction de la largeur du conteneur parent. Cependant, ses problèmes de compatibilité peuvent présenter des défis dans certains navigateurs, en particulier Safari.

Alternative jQuery

Pour résoudre les problèmes de compatibilité et répliquer la fonctionnalité de calc() à l'aide de jQuery, envisagez l'alternative suivante :

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

Ce code jQuery produit le même effet que calc(), en définissant dynamiquement la largeur de l'élément à 100 % de son conteneur parent, puis en soustrayant 100 pixels. L'avantage d'utiliser jQuery est qu'il simplifie le calcul relatif, vous permettant de définir la largeur plus facilement et de manière plus réactive. De plus, jQuery offre une compatibilité entre navigateurs, garantissant la fonctionnalité dans les navigateurs modernes et existants.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!