Fehlerbehebung beim Verschwinden des Chrome-Rahmens beim Zoomen

Die in diesem Forenthread geäußerte Sorge betrifft das Verschwinden von Eingaberändern in Chrome, wenn Benutzer hineinzoomen oder aus. Auch wenn das Problem möglicherweise nicht bei allen Benutzern auftritt, betrifft es ein bestimmtes Formular (verfügbar unter http://jsfiddle.net/TKb6M/91/).

Bei einer Vergrößerung auf 90 % wird beispielsweise das Original angezeigt Ränder verschwinden und das Eingabefeld bleibt optisch ungeschminkt. Der Benutzer erwähnt auch die Einbeziehung von -Tags basierend auf Empfehlungen aus einem anderen Thread, der darauf abzielt, horizontalen Platz effizient zuzuweisen.

Es stellt sich die Frage, ob dies ein Problem mit dem CSS oder ein bestimmtes Verhalten von Chrome ist. Darüber hinaus sucht der Benutzer nach Lösungen, um diesen unerwünschten Effekt zu verhindern.

Vorgeschlagene Lösung

Während das Originalplakat das Problem möglicherweise angesprochen hat, ist ein kluger Benutzer auf eine einfache Lösung gestoßen Lösung. Durch Ändern des CSS-Codes kann das Problem behoben werden.

Original CSS

INPUT,TEXTAREA {
border-top: 1px solid #aaa
}

Geändertes CSS

INPUT,TEXTAREA {
border-top: thin solid #aaa
}

Diese Änderung ersetzt effektiv den expliziten „1px“-Wert durch „thin“, eine relative Einheit. Dadurch behält der Rahmen unabhängig von der Zoomstufe ein einheitliches Erscheinungsbild.

Die Lösung stammt aus einem Google-Produktforum-Thread: https://productforums.google.com/forum/#!topic/chrome/ r1neUxqo5Gc.

Die Implementierung dieser einfachen Änderung sollte das Problem des Verschwindens des Randes in Chrome lindern und gleichzeitig ein visuell einheitliches Benutzererlebnis gewährleisten Zoomen.