1emが何pxなのか自動的に計算する方法(Final) : やむにやまれず
2007年07月24日16:16 by 山崎泰宏 1emが何pxなのか自動的に計算する方法(Final) カテゴリJavaScript Tweet sparklegate Comment(0)Trackback(1) クロスブラウザでなおかつ以前より簡単な方法修正：ソースコードに余計な行が入っていたのを削除しました。 以前はgetComputedStyle()に取り憑かれていたのだけど、一つ前のエントリを書いている最中に「あ、もしかして」と違うことを思ったので早速実験してみたらうまくいきました。 1emのdivセクションを設けてあげれば、clientWidthかclientHeight辺りが良い感じにpxの値を返すようです。 それだけ！ <html> <head> <title>em2px</title> <script language="javascript" type="text/j
1emが何ピクセルなのか自動計算する方法(not for IE) : やむにやまれず
2007年07月18日18:08 by 山崎泰宏 1emが何ピクセルなのか自動計算する方法(not for IE) カテゴリJavaScript小技 Tweet sparklegate Comment(1)Trackback(1) 調べてみたが無かったEm Calculatorこれはブラウザのベースとなるサイズを入力すれば、あとは入れ子になっていくフォントサイズを計算していける、と言う便利ツール。故に万能ではあるが、入力しないと使えない。JavaScriptによるCSSの操作こちらにgetComputedStyleについて書かれている。OperaとFirefoxならemがpxに変換されるとのこと。 参考になるのはこれくらいでした。 そこで、上の知識を組み合わせて、自動的にemのベースとなるサイズを取得してくるコードを書いて実験してみた。 残念ながらIEでは動かないのが問題。 実験のコード<
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
