エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CompassでCSS Spriteする際にスプライト画像間のマージンを取る方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CompassでCSS Spriteする際にスプライト画像間のマージンを取る方法
CompassでCSS Spriteする際にスプライト画像間のマージンを取る方法 CompassでCSSスプライトを作成する... CompassでCSS Spriteする際にスプライト画像間のマージンを取る方法 CompassでCSSスプライトを作成する際に画像間に余白を取らないとRetina対応した際に奇数のサイズの画像などがあると表示が少しおかしくなります。 all-<map>-sprites(true);の場合は$<map>-spacing:10px;などのconfigで設定できるのですが、sprite-map()などでは余白が確保されません。 sprite-map()では以下のようにすると余白を取ることができます。 sprites: sprite-map("sprites/*.png", $spacing: 20px); 参考:Individual sprite spacing in the sprite-map function doesn't work · Issue #934 · chriseppste