Rahmenhöhe ändert die Pixelgröße beim Zoomen

Question

Die Höhe des Rahmens um ein Element auf meiner Seite ändert sich, wenn Sie die Seite vergrößern. Der Rahmen ist als 1px definiert. Ich sehe das Problem der Größenänderung in Chrome und IE, aber nicht in Firefox. Was ist die Ursache für dieses Problem? Das relevante css ist unten.

Resizing issue shown on Chrome

.highlightHeader{ 
    border-bottom-color: rgb(184, 34, 46); 
    border-bottom-style: solid; 
    border-bottom-width: 1px; 
    border-top-color: rgb(184, 34, 46); 
    border-top-style: solid; 
    border-top-width: 1px; 
} 

Answer 1

Zooming in/out (mit Strg +/Strg-) ist nicht Teil der HTML-Spezifikation. Es ist etwas, das Browserhersteller entwickelt haben, um es Benutzern zu ermöglichen, die Inhalte größer/kleiner zu machen, um eine verbesserte Lesbarkeit oder Vogelperspektive des Seitenlayouts zu ermöglichen, während sie auf pixelgenaue Details verzichten.

Währenddessen werden die Inhaltsgrößen geändert und jeder Browser versucht sein bestes, den Originalaspekt möglichst originalgetreu, aber gezoomt zu erhalten. Wie jeder es tut, ist in keiner Weise kontrollierbar. Es ist eine Ebene, auf die die Webseite/App nicht zugreifen kann.

Wenn ein Client sagt Ihnen, sie die gezoomte Seite das Design des nicht gezoomten ein, zeigen ihnen die Tür und sagen übereinstimmen soll:

„Lassen Sie mich Ihnen die Tür Wie Sie näher kennen zu. Der Knopf sieht größer aus. Du verlangst von mir, dass du die Größe des Knopfes festhältst, während du näher an die Tür kommst. Bitte geh so nahe wie möglich an die Tür. Weißt du, wie man sie benutzt? "

---

Wenn Sie einen benutzerdefinierten Zoom-Mechanismus für Ihre app/Seite erstellen möchten, das ist durchaus möglich, und Sie können unverändert, welche Elemente/Eigenschaften zu ändern und welche bleiben angeben. Aber das hindert die Leute nicht daran, die nativen Browser-Zoom-Steuerelemente (wie oben erwähnt) zu verwenden, und Sie haben keine Möglichkeit zu steuern, wie der Browser den Inhalt Ihrer Seite rendert, während die Seite gezoomt wird. Es erfolgt von außerhalb des Dokuments (Seite) und dort endet Ihre Kontrolle.