SheepDev

CSS単位計算

CSS単位計算では、基準font・viewportを明示してpx/rem/em/vw/vh変換します。

CSS単位計算

⌂ 入力と結果はこのブラウザー内で処理され、自動保存・送信されません。

設定
入力待ち

入力・条件

設定

出力

入力待ち

完全なテキスト結果

使い方

pxをremなどへ直すときは値と単位を選び、ルート文字サイズ、要素の基準文字サイズ、viewport寸法を必要に応じて指定します。

16pxが常に1remになるわけではありません。実サイトのCSSを自動取得しないため、計算済みスタイルと文字拡大時の表示も確認してください。

例

16

原理・制限

入力は各欄1,048,576バイト、出力は33,554,432バイト、処理時間は5,000ミリ秒までです。入力を黙って切り詰めません。

使い方・解説

関連ツール

数値・単位・ビット

比率・縦横比

比率・縦横比では、整数比を簡約し縦横比を確認します。

Web・UI・CSS

Flexbox・Grid生成

Flexbox・Grid生成では、Flexbox/Grid設定からlayout CSSを生成・previewします。