Comment obtenir la fonctionnalité « largeur : calc (100 % - 100 px) » dans les anciens navigateurs utilisant jQuery ?

Alternative pour "largeur : calc(100% -100px)" à l'aide de jQuery

La "largeur : calc(100% -100px) " La règle CSS soustrait efficacement 100 px de la pleine largeur de l'objet. Cependant, il rencontre des problèmes de compatibilité, n'étant pris en charge que par les navigateurs modernes et non par Safari.

Alternative jQuery

Pour remédier à cette limitation, nous pouvons recourir à jQuery. Le code jQuery suivant obtient un effet similaire :

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

Ce code calcule dynamiquement la largeur de l'objet à 100 % moins 100 px et la définit comme largeur CSS.

Avantages de la méthode jQuery

• Facilité d'utilisation : jQuery simplifie les calculs complexes, facilitant ainsi la mise en œuvre de la fonctionnalité souhaitée.
• Compatibilité : jQuery est largement pris en charge sur tous les navigateurs, garantissant la compatibilité avec les anciens navigateurs qui ne prennent pas en charge les expressions « calc ».

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!