Bien qu'il ait un sujet apparemment génial, cet article peut être considéré comme un passe-temps pour les personnes souffrant de douleurs au ventre (comme moi ~) ~ Habituellement, les développeurs ont leur propre façon de se détendre. Cela vient d'une question sur les frontières posée par quelqu'un xd sur le forum, j'ai donc décidé de le découvrir. Il n’a pas fallu longtemps pour rédiger l’article, mais il a fallu beaucoup de temps pour préparer les images. Dans cet article, voyons comment chaque navigateur comprend les frontières.
Les navigateurs participant à ce test incluent presque tous les navigateurs sous Windows : ie6, ie7, ie8, ie9preview, chrome, firefox, safari, opera, seamonkey. Chaque version est la dernière version téléchargée sur Internet. Et parce que dans ce test, les performances d'IE678 étaient cohérentes et que Firefox et Seamonkey étaient du népotisme, ils ont donc été fusionnés dans IE8 et Firefox. L'image ci-dessous est une capture d'écran de ce navigateur :
.jpg)
L'ordre ci-dessus est intentionnel. Les raisons seront présentées dans le test ci-dessous, et les captures d'écran sont également disposées dans cet ordre.
Regardez d'abord l'image ci-dessous. Un DIV 20X20 est affiché dans six navigateurs, avec une bordure en haut : 2px et le reste 1px. Il ne semble y avoir aucune différence. C'est parce que la subtilité de 1px nous empêche d'y prêter attention. (En fait, nous n’avons pas besoin de nous soucier de toute cette question ~)
.jpg)
Simplifiez d'abord le problème, un côté fait 2 pixels, trois côtés font 1 px et agrandissez le résultat 5 fois. Nous pouvons clairement voir cette différence - Opera et Safari sont opposés, IE8 n'a pas de bras et de jambes et les trois gars suivants sont cohérents ~ ici. Il est à noter que la deuxième rangée de 3 a un effet progressif à l'intersection.
.gif)
Peut-être devrions-nous rendre cet effet plus visible. Lorsqu'un seul côté est en gras (10 px), les bizarreries d'IE8 sont clairement révélées. l'opéra et le safari sont encore relatifs. Les trois fronts unis suivants deviennent progressivement plus évidents.
.gif)