jQueryでスマホサイト向けに画像サイズを縮小する方法を紹介します。 1.サンプル 次のようなPCサイト用のページがあります。この場合、Movable Typeでページを出力しています。ページで使っている記事内の画像サイズは幅470pxです。 このページをスマホサイト向けに別のページを作り、画像サイズを縮小して表示します。画像サイズは幅280pxに縮小しています。 2.カスタマイズ サイズを変更するには、下記のスクリプトをページ内にあるhead終了タグの直前に追加します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script> <script type="text/javascript"> jQuery(function(){ $('img').each(functio
![jQueryでスマホサイト向けに画像サイズを縮小する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/1556ab6d980f254e1ee39b8c2fcb798aaf6e19e0/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2Fcat3_80.jpg)