一宮市のホームページ制作Y desIgn

一宮市のホームページ制作Y desIgn
ブログ
css
pxをvw、Photoshopトラッキング値をletter-spacingに…

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

2020.09.06 Sun

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

Table of Contents

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

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

pxをvw用の値に変換

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

pxを%に変換

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

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

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

イレギュラー

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

関連記事

子要素を縦方向に高さを均等にしつつ配置

Jqueryが読まれないていないような挙動。

swiperの最後のスライドで自動再生を詰める処理

ホームページ制作の
お問い合わせ

Y desIgnのサービスは全国対応可！

全国
対応

遠方の企業様にLINEやzoomなどのビデオ会議ツールを活用させていただくことで日本全国のお客様へのサービス提供を可能としております。

ホームページを作りたいと
お伝えください

受付時間: 平日火曜～金曜 10:00～17:00

お問い合わせ

24時間365日年中無休でご利用いただけるホームページ制作の無料相談フォームです。お問い合わせへの返信は平日のみの対応となります。