スマートフォン表示時に画像を縮小表示

いや、CSSでできるじゃん！ってのはわかりますけど、CSSでやらないことに意味があるんじゃまいか！ということでPCで表示している時の○％で表示させたい！というあなたの願いを叶えるための機能がここに！

WebsiteToolKit.jsダウンロードページへ

imgタグのclass指定に「mscale-(倍率)」を指定することでwidth指定、height指定のX％にサイズを調整してくれる機能です。これスゴイ便利かも。

例えば横幅620px、高さ320pxの画像に「class="mscale-25"」と指定するとスマートフォンでは25％（155px×80px）で表示されるという寸法です。

ワイルドだろうぅ？

コメント欄