タブレットの時だけ適用 CSSコードの置き場所 @mediaの使い方

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

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

タブレットの時だけ適用するCSSののコード

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* タブレット用のCSSコード */ 
}

説明　画面幅が 768px 以上 1024px 以下の場合、タブレット用のCSSコードが適用されます。

これにより、タブレット用のスタイルを適用することができます。

ただし、端末によっては、画面サイズが異なるため、タブレット用のCSSを適用するための画面サイズを調整する必要があることもあります。