Parlez de CSS Hack et de compatibilité ascendante

Une fois que les gens s'habituent à quelque chose, il est difficile de le changer. Pour diverses raisons, il existe de plus en plus de nouveaux navigateurs, mais les anciens ne peuvent pas être éliminés. La croissance est toujours plus rapide que la mort, ce qui fait que la compatibilité des navigateurs devient un sujet sans fin. En parlant de compatibilité des navigateurs, CSS HACK vient naturellement à l’esprit. Aujourd'hui, nous avons généralement une équipe ou une équipe de personnes qui font la même chose dans une entreprise. Nous avons besoin d'avoir des spécifications de codage unifiées pour faciliter la maintenance. La manière de résoudre la compatibilité est (elle doit l’être, car c’est la plus susceptible de poser des problèmes) l’une des spécifications les plus importantes à résoudre.

En termes de solutions de compatibilité, si l'on veut formuler une spécification unifiée, je pense personnellement que les trois points suivants devraient être les principes de base :

1. Peser les coûts : Comment nettoyer rapidement le code inutile une fois le navigateur obsolète
2. Maintenable : compatibilité ascendante équilibrant le coût des ressources et la perfection
3. Lisible : économique et facile à retenir

Mettre le coût en premier ici ne signifie pas que nous ne sommes pas disposés à rechercher la perfection, mais que rechercher la perfection de manière trop délibérée peut parfois entraver notre progression ; après le coût, il doit être maintenable et lisible, ce qui est très important pour l'équipe et est crucial. le résultat final est de réduire les coûts.

Gardons d’abord ces trois principes, et jetons un œil à nos méthodes d’écriture habituelles pour résoudre les problèmes compatibles (une liste détaillée des méthodes de Hack sera jointe plus tard) :

1. Piratage du sélecteur CSS

/* Opéra */
@media tout et (-webkit-min-device-pixel-ratio:10000), pas tout et (-webkit-min-device-pixel-ratio:0)
{tête~corps .sofish{display:block;}}

Les avantages et inconvénients de cette façon d’écrire sont :

• Avantages : Complet, toutes sortes de HACK sont disponibles ; le nettoyage du code inutile est facile à identifier ;
• Inconvénients : le nom du sélecteur n'est pas facile à retenir ; la quantité de code est importante (les sélecteurs doivent être écrits à plusieurs reprises)

2. Piratage de propriétés CSS

.sofish{
remplissage : 10 px ;
padding:9px9; /* tout c'est à dire */
remplissage:8px; /* ie8-9 */
*remplissage:5px; /* ie6-7 */
+remplissage:7px; /* ie7 */
_padding:6px; /* ie6 */
}

Les avantages et inconvénients de cette façon d’écrire sont :

• Avantages : facile à retenir, moins de code
• Inconvénients : non exhaustif