【JS初心者向け】画像の縦横比でスタイルシートを変える方法2017.11.10技術情報ホームページは今やCMSが当たり前の時代。スマホに対応するためにレスポンシブデザインやリキッドレイアウトを採用される場合も多いかと思います。CMSを導入することは、画像の編集などができないクライアントの場合でも、ただ画像をアップロードするだけできっちり表示されないといけないというのが基本だと思います。記事の部分での画像の配置は、スマホなどにも考慮してimgにwidth:100%とheight:autoなどを使うのが一番簡単なのですが、これだと、最近のサイドバーがないレイアウトや大きいサイズのPCモニターなどでは特に縦長の画像がえらく大きく見えたりする場合がありますね、ブラウザの縦幅いっぱいになったりと。製作者がきちんと考えてくれればまあいいのですが、それをどうやったらいいのかわかんねーって方に簡単な方法をご紹介します。だいたいコピペで結構です。});});</script>必要なサイズとかは適宜変更してください。この処理をPCのみにしたい場合(スマホでは反映させたくない)は、if(!navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){}{と}の中に上のjsを挿入してください(いくらなんでもわかりますか)ちなみに!を外すとスマホの場合になります。Form7】メッセージの送信に失敗しました。後でまたお試しください。(32)PREVNEXTCONTACTホームページでの集客やWeb全般・スマートフォンアプリ制作などに関するご相談はお問い合わせフォームをご利用ください。ご相談いただいた後でも、弊社から営業などの売り込みを行うことは一切ありませんのでご安心ください。ご相談・お問い合わせはこちらお電話でのお問い合わせは、0952-20-1501平日10:00~18:00まで。セールス目的のお電話はご遠慮ください。