WebTools
🇺🇸🇯🇵🇨🇳🇰🇷

ビューポート計算

画面サイズのCSSビューポート単位（vw・vh）を計算します。

0 × 0
Viewport (CSS pixels)
0 × 0
Physical pixels (DPR: 1)
Tailwind breakpoints
xs ← current
sm
md
lg
xl
2xl
UnitValue
1vw0.00px
1vh0.00px
100vw0px
100vh0px
1rem (16px)0.00vw

関連ツール

CSS単位変換（px/rem/em）カラーコード変換（HEX/RGB/HSL）CSSカラー名一覧グラデーション生成

ビューポート計算の主な使い方・用途

  • ✓ビューポートサイズの確認
  • ✓レスポンシブデザインの確認
  • ✓vw/vh単位の計算

使い方（ステップ別）

  1. 1
    ページを開く— 現在のブラウザビューポートサイズが自動表示されます。
  2. 2
    ブレークポイントを確認する— Tailwindのブレークポイントとの対応が表示されます。

このツールの特徴

  • ●ライブビューポートサイズ表示
  • ●Tailwindブレークポイント対応
  • ●vw/vh変換計算

このツールについて

画面サイズのCSSビューポート単位（vw・vh）を計算します。