パソコンの時だけ適用 CSSコードの置き場所 @mediaの使い方

スポンサーリンク

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

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

スポンサーリンク

パソコンの時だけ適用するCSSののコード

@media only screen and (min-width: 768px) {
  /* ここにパソコン向けのCSSを記述 */ 
}
説明 上記のように、@mediaルールを使用し、min-widthプロパティを768px以上に設定することで、パソコンのスクリーンサイズでのみCSSが適用されます。

こちらの記事も参考に