Gibt es eine Möglichkeit, CSS-Buchstaben zu schaffen: 0,5 PX?
https://stackoverflow.com/questions/7811225
-
26-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Ich bin auf das Problem gestoßen, ich muss es den Benutzern leicht machen, den Text zu lesen, also habe ich Buchstabe von 1 PX verwendet, aber es sieht hässlich aus, also dachte ich, ich werde einen halben Pixel so 0,5px verwenden, aber es Funktioniert nicht, ich habe versucht, EM -Attribute zu verwenden, aber die Aufgabe nicht erreicht.
Gibt es also eine Möglichkeit, einen halben Pixel des Buchstabenabstands zu erstellen (nach Möglichkeit Cross -Browser -Lösung).
Lösung
Dieser Fehler wurde 2008 berichtet und wird bestätigt. Wenn also jemand das Gefühl hat, sich in Webkit zu hacken, würde dies viele Designer glücklich machen.
Andere Tipps
Subpixel-Buchstabenabstand funktioniert bei FF einwandfrei, jedoch nicht auf Webkit (zumindest unter Windows). Siehe diesen Testfall:
http://jsfiddle.net/fzyql/2/
Dieser Test zeigt auch, dass es nicht der Subpixel-Literalwert ist, der ein Problem darstellt. Verwenden von Bruch em Werte, die zu weniger als 1PX des Buchstabens führen, werden auch auf Webkit nicht geehrt, sondern für Firefox genauso gut.
Dieser Fehler war in Chrom fixiert und gelandet in Chrom 30. Daher werden Bruchwerte jetzt von Firefox, Chrome und Oper unterstützt.
@Zach Re: Bruchpixel. Obwohl sie physisch nicht existieren, werden sie digital durch Transparentitäten und Farbänderungen simuliert. Ein gutes Beispiel sind Ikonen und die Serifen des Typs. Ein genauer Blick auf eine sehr dünne Linie zeigt schnell, dass sie simuliert wird, indem die Linie mit einer helleren Farbe gemacht wird, die das Auge täuscht. Selbst wenn sie nicht existieren, hat sich die grafische Software seit langer Zeit richtig mit fraktionalen Pixeln befasst. Es ist eine Schande, dass Webkit -Browser es immer noch nicht tun.
Betreff: Bruchbriefabstand. Es kann angegeben werden und funktioniert in nicht-wir-wirkiten Browsern (ein großes Lob für IE einmal). Im Webkit -Browser wird der Buchstabenabstand auf die engste Ganzzahl abgerundet (ich glaube, dass er abgerundet wird). Diese Rundung erfolgt nicht nur, wenn der Buchstabenbereich direkt als fraktionales Pixel angegeben wird, sondern auch, wenn er als Prozentsatz oder EM-Wert angegeben wird, und die endgültige Berechnung in Pixel führt zu einem fraktionalen Pixel. Sehr frustrierend.
Subpixelgrößen sind legal, können jedoch unvorhersehbare Ergebnisse in den Browsern haben. Dinge wie Text versuchen auch, sich auf ganze Pixel auszurichten (wie Phrogz sagt), sodass die Wahrscheinlichkeit die resultierenden Rundungsfehler möglicherweise ungleichmäßig aussehen lassen.
Bruchbriefs-Abstandswerte werden von Webkit unterstützt, Firefox, Chrome und Opera, seit Ende 2013.
Bestätigt durch CSS -Tricks - https://css-tricks.com/almanac/properties/l/letter-spacing/
Und ich habe es gerade getestet.
