半透明の（-50％、-50％）位置のため、テキストがぼやけている

Question

chromeのgoogleフォントと組み合わせてtransform：translate（-50％、-50％）の問題が発生しました。この組み合わせにより、テキストがぼやけて見えました。私はそれが翻訳によって引き起こされたことに気付き、要素の位置を見た後、半画素上に位置していたことに気付きました。私はtranslate（calc（-50％〜0.5px）、-50％）で修正することができましたが、この回避策よりも優れた解決策を用意しています。

パーセンテージを使用する場合、ピクセルを整数に丸める方法はありますか？

Answer 1

親にtransform-style: preserve-3dを設定するか、または変換プロパティを変更してperspective(1px)を含めるように設定することもできます。