その他 解像度にあわせて画像変更 解像度にあわせて画像変更 Chrome Firefox Edge IE11(一部非対応) IE9(一部非対応) iPhone(iOS6-8) iPad(iOS7) Android4.2 2017年3月31日更新 通常の画像と高解像度用の画像の表示・切り替え方法を紹介します。 <img>タグのサイズを指定する cssのbackgroundで背景にして、background-sizeを指定する cssのbackgroundで背景にして、css3のMeia Queriesでディスプレイの解像度によって切り替え <img>タグの画像をJavaScriptでディスプレイの解像度によって切り替え 同じ内容の画像で、画像サイズのみを変更(解像度の対応)するときにおすすめ! <img>タグにHTML5の「srcset」を使用して、ディスプレイの解像度やウインドウサイズによ
![解像度にあわせて画像変更|向陽デジタルワークス パーツギャラリー](https://cdn-ak-scissors.b.st-hatena.com/image/square/bbcac9dde45ef7d110390a0638f703d04ce41ae8/height=288;version=1;width=512/https%3A%2F%2Fclick.jp%2Fexample01%2Fcommon%2Fimg%2Ffb_img_01.png)