タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

レスポンシブと画像に関するamanoiwatoのブックマーク (1)

  • 【レスポンシブ】PCとスマホで違う画像に切り替える方法!CSSだけで簡単画像切り替え!

    こんにちは!ディレクターのせりなです。 レスポンシブサイトを制作するうえで、 パソコンにはパソコン用に、スマートフォンにはスマートフォン用に 違うデザインの画像を使いたいことってありますよね? いっぱいCSSを書いたり、不慣れなJavaScriptを使ったり 世の中には難しい方法が沢山ありますが・・・ なんかどれもよくわかんない。もーヤダ!っていうあなたに朗報! 私が知っているなかで1番シンプルかつ使いやすい方法をご紹介します! 今日からはもうレスポンシブ対応で悩まなくて大丈夫です! レスポンシブサイトの画像切り替えのデモ レスポンシブ用の画像切り替えデモは下の画像をご覧ください。 DEMO パソコンだと水色の画像が見えていて、 スマートフォンだとピンクの画像が見えていますか? パソコンから見ている方は、ブラウザのサイズを小さくしたり 大きくしたりすると、途中で画像が切り替わるかと思います

    【レスポンシブ】PCとスマホで違う画像に切り替える方法!CSSだけで簡単画像切り替え!
  • 1