ブログ

BLOG

CATEGORY

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

2020/09/06Sun

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

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

pxをvw用の値に変換

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

pxを%に変換

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

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

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

イレギュラー

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