-2

Twitterブートストラップを使用してWebサイトを構築しています。ウェブサイトをモバイル ユーザーとタブ ユーザーのみをターゲットにしています。さまざまな画面サイズに合わせて画像のサイズを変更したいです。アダプティブ レスポンシブ イメージhttp://adaptive-images.com/を使用してみましたが、その方法は複雑です。最良の代替ソリューションを提案してください。

4

2 に答える 2

2

この投稿を読んで、レスポンシブ表示用に画像を最適化し、複数の画像をダウンロードしないようにする方法について説明します http://mobile.smashingmagazine.com/2013/05/10/how-to-avoid-duplicate-downloads-in-responsive-images/

于 2013-05-13T12:30:03.123 に答える
1

Bootstrap で画像をレスポンシブにする最も簡単な方法は、単純な CSS を使用することです。

img {
  border: 0;
  width: 100%;
  display: block;
  max-width: 100%;
}

デモ

画質/高解像度が気になる場合は、画面サイズに基づいて異なる解像度の画像を (1 回) 読み込む JS ソリューションであるResponsive Imagesをご覧になることをお勧めします。

于 2013-05-08T10:55:39.370 に答える