Warum verschwindet mein Chrome-Eingaberahmen beim Zoomen?

Fehlerbehebung beim Verschwinden des Chrome-Rands beim Zoomen

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

Beim Zoomen auf 90 % wird beispielsweise das Original angezeigt Ränder verschwinden und das Eingabefeld bleibt optisch ungeschminkt. Der Benutzer erwähnt auch, dass 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 spezifisches 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 von Rändern in Chrome lindern und ein visuell einheitliches Benutzererlebnis beim Zoomen gewährleisten.

Das obige ist der detaillierte Inhalt vonWarum verschwindet mein Chrome-Eingaberahmen beim Zoomen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!