css - cssでパディングなしのスプライトを実装するには?

Question

css スプライトの使用方法を学習しているときに、ユーザーがズームインまたはズームアウトしたときに他の画像がにじみ出さないように、スプライト内のすべての画像の間に 1 ピクセルまたは 2 ピクセルの空白スペースを設けることが最善であることにすぐに気付きました。

アップルのホームページを見ていると、画像の出血に苦しむことなく、これを行っていないことに気付きました。これを説明する css の理由は見つかりませんでした。

そんなことがあるものか？;)

Answer 1

含まれる要素のサイズが正確にわかっている場合は、スプライト間のパディングは必要ありません。問題は、要素内の何かが要素を成長させる場合に発生します。たとえば、その要素内のテキストでフォールバック フォントを使用する必要がある場合、最終的にコンテナーが大きくなる可能性があります。

スプライト間のパディングが推奨される理由は、実際の欠点がないからです。ファイル サイズが大幅に増加することはなく、ブラウザが予想とは少し異なる動作をした場合に、多少の安全マージンが得られます。