pxをvw、Photoshopトラッキング値をletter-spacingに変換

pxをvw、Photoshopトラッキング値をletter-spacingに変換

CSS用の値を計算するために計算機を作りました。

必要な値を入力して、お使いください。

pxをvw用の値に変換

  デザインの画面幅 計算する要素のサイズ 結果
100(%)÷ px× px vw

pxを%に変換

計算する要素の幅 親要素の幅 結果
px÷ px %

Photoshopのトラッキング値をletter-spacing用の値に変換

トラッキング値 計算値 結果
÷1000 em

イレギュラー

  デザインの画面幅 計算する要素のサイズ   結果
100(%)÷ px× px*1.5 vw

関連タグ

ブログ