0

ユーザーがブラウザ ウィンドウのサイズを変更したとき、または IPAD を使用しているときに、複数の画像のソースを変更する方法を知りたいと思っていました。

4

3 に答える 3

0

ユーザーがブラウザーのサイズを変更した場合、画像は既に読み込まれているため、小さいバージョンを読み込む必要はありません。

iPad や iPhone などの小さなデバイスを使用している場合は、それを検出して、そのデバイスに適したサイズの画像がある別のページ (ipad.example.com、m.example.com など) にリダイレクトできます。

于 2011-02-03T08:31:37.377 に答える
0

CSS メディア クエリを使用して、純粋な CSS でこれを行うことができます。画像に要素を使用する代わりに、<img>一部のブロック要素で背景画像を使用する場合、(メディア クエリに基づいて、したがって利用可能なクライアント領域に基づいて) クラスを共通コンテナーに追加/削除することで、それらのサイズと背景画像を簡単に交換できます。

于 2011-02-03T08:32:00.277 に答える
0

これは css3 メディア クエリで行います。スマッシングマガジンの記事はこちら

于 2011-02-03T08:32:58.443 に答える