パソコンとスマホで表示を切り替える。pc,sp表示と、非表示

簡単検索:目次/このページについて

スタッフメモ

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

html demo

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

CSS(インライン)
[php]
<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>
[/php]

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