【このページのURL】https://atomon9.com/all/%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E3%81%A8%E3%82%B9%E3%83%9E%E3%83%9B%E3%81%A7%E8%A1%A8%E7%A4%BA%E3%82%92%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%82%8B%E3%80%82pcsp%E8%A1%A8%E7%A4%BA%E3%81%A8/

LinkedIn にシェア
LINEで送る
Pocket
このエントリーを Google ブックマーク に追加

スタッフメモ

<div class="pc">パソコンで表示</div>
<div class="sp">スマホで表示</div>

html demo

パソコンで表示
スマホで表示

CSS(インライン)

<style type='text/css'>
.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
</style>

参考サイト。
https://fastcoding.jp/blog/all/frontend/responsive_img/

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です