Details zu Prozentsätzen – Containergröße_Erfahrungsaustausch

Da die kleinste Einheit, die auf dem Bildschirm angezeigt werden kann, 1 Pixel ist, müssen einige Auswahlmöglichkeiten für Längen mit Zahlen wie 773*50 %=386,5 getroffen werden.

Testseite, die Screenshot-Markierungsbreite einiger Browser ist ebenfalls enthalten

IE: berechnet durch Rundung.

Firefox: Der berechnete Wert ignoriert den Dezimalteil, weist aber jedem darin enthaltenen Element die zusätzliche Länge zu. Wenn nur 1 Pixel mehr vorhanden ist, z. B. 2 * 386 = 772, werden die verbleibenden 1 Pixel einem der Elemente zugewiesen, und das erste Element wird zuerst zugewiesen. Wenn beispielsweise 773 Pixel zwei zugewiesen werden, beträgt das Ergebnis 50 % sein: 387px und 386px, zugeordnet zu vier Bei 25% sind die Ergebnisse: 194px, 193px, 193px und 193px; und für ein paar weitere Pixel, wie 773*33,3%=257,409, 773*33,33%=257,6409, aufgrund Die verschiedenen ignorierten Dezimalstellen, das Verteilungsprinzip, sind ebenfalls unterschiedlich. Das Folgende ist meine Vermutung, dass die gerundeten Elemente zuerst beiden Seiten zugeordnet werden Die ersten beiden und die drei Elemente werden den drei Elementen zugewiesen. Die zusätzlichen Teile können nicht frei zugewiesen werden, aber das erste wird definitiv zugewiesen.

Es gibt einige seltsame Dinge an FF. Firefix-Testseite. Die 1024-Breite wird nicht automatisch zugewiesen, möglicherweise weil die äußere Ebene auch Dezimalstellen hat, was dazu führt, dass 1 Pixel nicht zugewiesen wird. Testen Sie dann Firefox

Opera & Safari2: Der Dezimalteil des Prozentsatzes wird bei der Berechnung ignoriert Der berechnete Wert ignoriert den Dezimalteil. Wenn das darin enthaltene Element größer als die berechnete Breite ist, führt dies nicht dazu, dass nachfolgende Elemente umbrochen werden.

Netscape & Mozilla: Dezimalzahlen nach der Berechnung ignorieren. Der zusätzliche Teil ähnelt Firefox, aber der zusätzliche Teil wird transparenter angezeigt und ist beispielsweise 33,33 % * 3 = 99,99 % Weniger als 100 %, aber mehr als 100 %, es ist ein seltsamer Browser. Glücklicherweise verwenden ihn nicht viele Leute, also machen Sie sich über diese beiden Browser keine allzu großen Sorgen.

Der Test ist nicht abgeschlossen. Interessierte können beim Testen helfen. Wenn jemand den Grund kennt, sagen Sie mir bitte