を使用Twitter Bootstrap
すると、デフォルトで画像がレスポンシブにスケーリングされることがわかります。これは素晴らしいことですが、常に完璧であるとは限りません。
たとえば500x300
、デスクトップに画像があり、モバイル用にサイズを変更すると、その画像は非常に小さくなり、高さがあまりなくなり、画像の詳細な部分の多くが失われます。
他のサイトが実際に画像をあまり拡大縮小せず、親 div を使用しmask
て画像を並べ替える方法を見てきました。( http://www.fitnessfireworks.comはこの好例で、もう利用できません。)
これを達成するための最良の方法は何ですか? CSS
背景画像と背景画像のスケーリングの組み合わせ?ベストプラクティスを探しているだけです。