9

を使用Twitter Bootstrapすると、デフォルトで画像がレスポンシブにスケーリングされることがわかります。これは素晴らしいことですが、常に完璧であるとは限りません。

たとえば500x300、デスクトップに画像があり、モバイル用にサイズを変更すると、その画像は非常に小さくなり、高さがあまりなくなり、画像の詳細な部分の多くが失われます。

他のサイトが実際に画像をあまり拡大縮小せず、親 div を使用しmaskて画像を並べ替える方法を見てきました。( http://www.fitnessfireworks.comはこの好例で、もう利用できません。)

これを達成するための最良の方法は何ですか? CSS背景画像と背景画像のスケーリングの組み合わせ?ベストプラクティスを探しているだけです。

4

3 に答える 3

1

この記事は役に立つかもしれません。レスポンシブ表示用に画像を最適化し、複数の画像ダウンロードを回避する方法について説明します

于 2013-07-10T21:22:06.770 に答える
0

画質が重要な場合は、異なるクラス宣言を使用して 2 つの画像を使用します。外部ツールは、ブラウザがオンザフライで画像をスケーリングするよりも常に優れています。

于 2013-07-10T20:16:11.790 に答える