ユーザーがテキストを読みやすくする必要があるため、1 px の文字間隔を使用しましたが、見栄えが悪いので、0.5 px の半分のピクセルを使用すると思っていましたが、動作しません。em 属性を使用してみましたが、タスクを達成できませんでした。
文字間隔を半分のピクセルにする方法はありますか（可能であればクロスブラウザソリューション）
31218 次
6 に答える
18
このバグは 2008 年に報告され、確認されています。したがって、誰かが webkit をハッキングしたいと感じたら、多くのデザイナーを喜ばせます。
于 2011-12-15T13:17:09.333 に答える
6
サブピクセルの文字間隔は FF では正常に機能しますが、WebKit では機能しません (少なくとも Windows では)。このテスト ケースを参照してください:
http://jsfiddle.net/fZYqL/2/
このテストは、問題がサブピクセルのリテラル値ではないことも示しています。文字間隔が 1 ピクセル未満になる小数値の使用emも Webkit では受け入れられませんが、Firefox では同様に機能します。
于 2011-10-18T20:32:12.020 に答える
6
このバグはChromiumで修正され、Chrome 30 で修正されました。そのため、小数値は Firefox、Chrome、Opera でサポートされるようになりました。
于 2013-10-06T10:41:45.543 に答える
2
@Zach Re: 分数ピクセル。それらは物理的に存在しませんが、透明度と色の変化によってデジタル的にシミュレートされます。良い例は、アイコンと書体のセリフです。非常に細い線のように見えるものをよく見ると、目を欺く明るい色で線をレンダリングすることによってシミュレートされていることがすぐにわかります。そのため、グラフィック ソフトウェアは、存在しない場合でも、小数ピクセルを適切に処理してきました。Webkit ブラウザーがまだ対応していないのは残念です。
Re: 分数の文字間隔。指定でき、Webkit 以外のブラウザーでも正常に動作します (IE の功績は一度だけです)。Webkit ブラウザーでは、文字間隔は最も近い整数に丸められます (切り捨てられていると思います)。この丸めは、letter-spacing が小数ピクセルとして直接指定された場合だけでなく、パーセンテージまたは em 値として指定され、ピクセル単位での最終的な計算結果が小数ピクセルになる場合にも発生します。とてもイライラします。
于 2013-04-11T22:04:45.860 に答える
1
サブピクセル サイズは合法ですが、ブラウザー間で予測できない結果になる可能性があります。テキストのようなものも、(Phrogz が言うように) ピクセル全体に合わせようとするため、丸め誤差によって不均一に見える可能性があります。
于 2011-10-18T20:06:26.343 に答える