エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【RWD ーレスポンシブー】PCとSPで違う画像を表示させる | バシャログ。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【RWD ーレスポンシブー】PCとSPで違う画像を表示させる | バシャログ。
こんにちは。mackyです。 今日はタイトル通り、PCとSPで違う画像を表示させる方法を紹介します。 ちなみ... こんにちは。mackyです。 今日はタイトル通り、PCとSPで違う画像を表示させる方法を紹介します。 ちなみに、初心者向けです。では早速。 <p class="logo"><img src="img/img_sp.png" width="100" height="100" alt="c-brains"></p> とりあえず、これだけでいいです。 みてわかるとおもうのですが、imgタグで埋め込んでいるのは、SP用の画像です。 css CSSも割とシンプルです。 img { vertical-align: top; } @media only screen and (max-width: 640px) { img { width: 100%; height: auto; } } .logo { width: 300px; height: 300px; margin: 0 auto; backg