zaqro toolsビューポートと画面解像度の違い
画面解像度はディスプレイの物理的なサイズ、ビューポートはブラウザの表示領域サイズです。ツールバーやアドレスバーの有無でビューポートサイズは変化します。
DPR（Device Pixel Ratio）とは
CSSピクセルと物理ピクセルの比率です。Retina ディスプレイではDPR=2となり、1CSSピクセルが2x2の物理ピクセルで表示されます。
ブレイクポイントとは
レスポンシブデザインでレイアウトが切り替わる画面幅の閾値です。Tailwind CSS、Bootstrap、MUIなどのフレームワークごとに異なるブレイクポイントが定義されています。