Entdecken Sie über Browsergrenzen hinweg

Obwohl es sich um ein scheinbar großartiges Thema handelt, kann man sagen, dass dieser Artikel ein Zeitvertreib für Menschen mit Magenschmerzen (wie mich ~) ist ~ Normalerweise haben Entwickler ihre eigene Art, sich zu entspannen. Es entstand aus einer Frage zu Grenzen, die jemand xd im Forum gestellt hatte, also beschloss ich, es herauszufinden. Es dauerte nicht lange, den Artikel zu schreiben, aber es dauerte lange, die Bilder vorzubereiten. In diesem Artikel werfen wir einen Blick darauf, wie jeder Browser Grenzen versteht.

Zu den an diesem Test teilnehmenden Browsern gehören fast alle Browser unter Windows: ie6, ie7, ie8, ie9preview, Chrome, Firefox, Safari, Opera, Seamonkey. Bei jeder Version handelt es sich um die neueste aus dem Internet heruntergeladene Version. Und weil in diesem Test die Leistung von IE678 konsistent war und Firefox und Seamonkey Vetternwirtschaft waren, wurden sie in IE8 und Firefox zusammengeführt. Das Bild unten ist ein Screenshot dieses Browsers:

Die obige Reihenfolge ist beabsichtigt. Die Gründe werden im Test weiter unten aufgezeigt, auch die Screenshots sind in dieser Reihenfolge angeordnet.

Schauen Sie sich zunächst das Bild unten an. Ein 20x20-DIV wird in sechs Browsern angezeigt, mit einem Rand von oben: 2 Pixel und dem Rest von 1 Pixel. Es scheint keinen Unterschied zu geben. Dies liegt daran, dass die Subtilität von 1px uns daran hindert, aufmerksam zu sein. (Tatsächlich brauchen wir uns nicht um dieses ganze Thema zu kümmern~)

Vereinfachen Sie zunächst das Problem, eine Seite ist 2 Pixel, drei Seiten sind 1 Pixel und vergrößern das Ergebnis um das Fünffache. Wir können diesen Unterschied deutlich erkennen: Opera und Safari sind gegensätzlich, IE8 hat keine Arme und Beine und die folgenden drei Typen sind hier konsistent Es ist zu beachten, dass die zweite 3er-Reihe an der Kreuzung eine allmähliche Wirkung hat.

Vielleicht sollten wir diesen Effekt sichtbarer machen. Wenn nur eine Seite fett gedruckt ist (10 Pixel), kommen die Eigenheiten von IE8 deutlich zum Vorschein. Oper und Safari sind immer noch relativ. Die folgenden drei Einheitsfronten werden nach und nach deutlicher.