css - 流動的なデザインでアイコン/スプライトが動かないようにするにはどうすればよいですか

Question

流動的なデザインでアイコンが動かないようにしたい。ヘッダーは幅の変更に応答し、約 500 ピクセルの高さを占め、背景の特定の領域に収まるようになっています (私の場合はイラスト付きのスクロールです)。しかし、ウィンドウのサイズを変更してヘッダーを縮小すると、最終的にスプライトが移動します。スクロール配置から抜け出す。

Answer 1

これはあなたのための記事です：

http://coding.smashingmagazine.com/2012/08/13/coding-qa-with-chris-coyier-sensitive-sprites-response-font-sizing-media-query-efficiency-more/

それはこの質問に対処します：

"Is there a preferred/suggested way of handling responsive sprites at all for multiple resolutions and image scaling? Is this even possible?"