このページはHTMLタグ辞書のサンプルページです。
レスポンシブイメージと“img”要素の使い方について解説するためのサンプルページです。
@media all and ( min-width: 640px ) {
.for-pc {
}
.for-sp {
display: none;
}
}
@media all and ( max-width: 640px ) {
.for-pc {
display: none;
}
.for-sp {
}
}
<img src="sample-1280.png" alt="サンプル画像" class="for-pc">
<img src="sample-640.png" alt="サンプル画像" class="for-sp">
