javascript - モバイルユーザー向けに画像を切り替えるには?

Question

ほとんどの (Wordpress) 投稿で大きな画像を使用しています。これらをモバイル ユーザー向けに最適化したいと思います。最適化が何を意味するのかわかりませんが、CSS、jquery、または JS が大きい画像を小さい画像に切り替えると思いますか?

これを行う方法の例はありますか?

Answer 1

Jquery Bires はまさにあなたが望むことを行います。

https://github.com/ahoward/jquery.bires

Answer 2

CSS メディア クエリを使用して、画面サイズに基づいて異なる CSS を提供します。

https://developer.mozilla.org/en-US/docs/CSS/Media_queries

例えば

@media (max-width: 700px) { ... }

画面が 700px 未満のデバイスに特定の CSS を提供します。