エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【レスポンシブ】jQueryでウィンドウサイズによって画像を差し替え
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【レスポンシブ】jQueryでウィンドウサイズによって画像を差し替え
トライムでは殆どの案件がレスポンシブWebデザイン対応しています。 下記の記事にも書いていますが、サ... トライムでは殆どの案件がレスポンシブWebデザイン対応しています。 下記の記事にも書いていますが、サイトによってはPCとスマートフォンのシェアが逆転することもあり、スマートフォンへの対応は欠かせなくなっていますね。 https://try-m.co.jp/blog/web-marketing/229/ 沢山のサイトを作っていく中で、少しずつ効率化していった技術があり、今回はその一部をご紹介いたします。 画像を差し替える レスポンシブWebデザインでよくあるのが、PC用とSP用の画像の差し替えです。 SVGに対応したブラウザの普及で、同じ形の画像をPC用とスマートフォン用に分ける必要性はなくなってきてはいますが、やはり画面サイズの違いから、形の異なった画像に差し替えなければいけないケースは多々あります。 そんな時、例えばCSSだけで実現しようとした場合、下記のような方法が考えられます。 HT