Window.matchMedia() デモ

モバイル (max-width: 768px)

-

タブレット (769px - 1024px)

-

デスクトップ (min-width: 1025px)

-

ダークモード

-

横向き

-

カラーデモ

画面サイズに応じて色が変わります

レイアウトデモ

A

B

C

D

フォントデモ

small (14px)

medium (18px)

large (24px)

xlarge (32px)

現在のビューポート: -

メディアクエリ変更ログ