ホーム
業務内容
業務内容
業務内容
ウェブデザイン
コーディング
バナーデザイン
印刷物デザイン
CMS
オンラインショップ
サーバー管理
リニューアル
イラスト作成
スマートフォン
レスポンシブウェブ
写真撮影
価格表
価格表
価格表
オプション
初めての方へ
初めての方へ
初めての方へ
特徴
完成までの流れ
サービス提供エリア
よくあるご質問
保証期間
注意事項
お知らせ
ご案内
お知らせ
ブログ
制作実績
制作実績
制作実績(バナー)
制作実績(印刷物)
事務所案内
事務所案内
事務所案内
代表挨拶
個人情報保護方針
特定商取引法の表示
お問い合わせ
ブログ
blog
HOME
ブログ
css
pxをvw、Photoshopトラッキング値をletter-spacingに…
CATEGORY
pxをvw、Photoshopトラッキング値をletter-spacingに変換
2020/09/06
Sun
CSS用の値を計算するために計算機を作りました。
必要な値を入力して、お使いください。
pxをvw用の値に変換
デザインの画面幅
計算する要素のサイズ
結果
100(%)
÷
px
×
px
=
vw
pxを%に変換
計算する要素の幅
親要素の幅
結果
px
÷
px
=
%
Photoshopのトラッキング値をletter-spacing用の値に変換
トラッキング値
計算値
結果
÷
1000
=
em
イレギュラー
デザインの画面幅
計算する要素のサイズ
結果
100(%)
÷
px
×
px
*
1.5
=
vw