Webの記録

フォントサイズの単位変換が楽に出来る「PXtoEM.com」

投稿日:

この記事は約 2 分で読めます。

Webサイト制作で、コーディングをしていく時に、フォントサイズを計算しなくちゃいけない事があります。

単位が違う(px、em、ptなど)場合、なかなか計算が面倒くさいデス!(笑)

そんな時に便利なサイト「PXtoEM.com」を見つけたので、メモします♪

これで楽に早くコーディングが出来るなら、使わなくちゃ!デス★

使い方

PXtoEM.com」にアクセスします。

使い方は2通りです。

3列のうち1番左側の一覧表から、サイズを選んでクリックします。
すると、隣の列の数値が自動計算されて表示されます!
(注)24px以上の数値は、次に紹介する右の列の一覧を使います。

1番右側の列の一覧表。
こちらはボックスに値を入れる事で、サイズを計算してくれるというものです。24px以上の数値の場合はこちらを使います。

多分、実際に使ってみたら・・・説明せずとも、すぐに使い方がわかると思います。

使い方も見方も簡単ですぐにサイズがわかるので、コレで効率よく作業が出来そうです!
便利です~♪

-Webの記録
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

IE6で透過pngを表示してみました♪

この記事は約 1 分で読めます。IE6対策をいつまですれば良いのかなぁというところですが、まだもう少しIE6を意識してサイトを作ってます。 今回は、IE6ではキレイに表示されない透過pngをキレイに表 …

no image

WordPressのオベンキョウ①

WordPressで、自分のサイトを作る事にしました。

no image

easySlider1.7.jsを使ってFlashのようなスライドショーにチャレンジ♪

この記事は約 1 分で読めます。「easySlider1.7.js」を使って、数枚の画像のスライドショーを作りたいと思います。 自動で画像がスライドしますが、見ている人の意思で前後の画像へ戻したり進め …

no image

Facebookページをタイムラインに移行してみた♪

この記事は約 1 分で読めます。 2012年3月1日、Facebookページで大きな変化がありました! いままで「いいね!」を獲得する為に様々な方法がとられていましたが、「タイムライン化」になった事で …

no image

スマホ用サイトに「LINEで送る」ボタンを設置してみる

この記事は約 1 分で読めます。 スマホ向けに情報を発信しているサイトなど、あると便利なシェアボタン。 いつの間にかに「LINEで送る」ボタンが出来ていたのですね。 ひとまず自分用に記述方法を2種類メ …