スマートフォンの時だけ適用 CSSコードの置き場所 @mediaの使い方

ここではのコードを紹介します。

詳しい説明はございません。コピペして使用してください。

スマートフォンの時だけ適用するCSSののコード

@media only screen and (max-width: 480px) {
  /* スマートフォン用のCSSコード */ 
}

説明　画面幅が 480px 以下の場合、スマートフォン用のCSSコードが適用されます。

これにより、スマートフォン用のスタイルを適用することができます。