fonts - CSS テキストシャドウ 1px 網膜

Question

CSS は、Retina 画面で 1px の text-shadow を 2px に倍増します。1pxだけ必要です。解決策はありますか？0.5px が機能しません。

Answer 1

私は text-shadow を試したことがなく、便利な Retina スクリーンも持っていませんが、box-shadow の場合、 MDNは拡散半径について次のように述べています。

「正の値を指定すると影が拡大して大きくなり、負の値を指定すると影が縮小します。指定しない場合は 0 になります (影は要素と同じサイズになります)」

つまり、次を使用できます。

box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .5);

例えば。

私が言うように、私は text-shadow を試したことはありませんが、うまくいくはずです。

Answer 2

Retina ディスプレイでの CSS の問題について論じたスマッシング マガジンに関する長い記事があります。