スマホサイトはもはやサイト運営で一般的ですが
PC画面とスマホ画面で一番困るのが当然ながら画面の大きさ。
PC画面では問題なくても、スマホ(の小さい)画面だと邪魔になるので
特定の画像やフレーズを非表示にしたい、
なんていう時もあるでしょう。
簡単です。CSSにコードを記述して、htmlで指定してあげるだけです。
記述例:450px以下のサイズで、表示を消す場合
---------------------------------
▼CSS(※↓kokokesuは好きな文字列に)
@media screen and (max-width: 450px){
.kokokesu {display:none}
}
▼html
<div class="kokokesu">
ここに表示させたくない文言。画像なら画像ソースを記述
</div>
---------------------------------
記述できたら、スマホで閲覧してみてください。
PCでは表示されていても、スマホで見たときだけ、消えていると思います。
こんな写真も無料でダウンロード
商用可能なフリー素材、フリー素材ドットコム
http://free-materials.com/