昨日までcalc()の存在を知らなかったのだけど、簡単に言うと幅や高さの指定を計算式で書くことができるらしい。calc()は「calculation(計算)」の略かな。この機能は欲しかった。いろいろハマったというか、現状結構回り道しているからね。
詳しい説明はFirefox 4 がサポート予定の calc() とはが分かりやすい。calc()が普及してきたら、昔妄想した以下の謎コードが実装できるかもしれない。
if(User's 1em scale < 16px) {
User's 1em scale + (16px - User's 1em scale);
}
else if(User's 1em scale > 16px) {
User's 1em scale - (User's 1em scale - 16px);
}まぁどちらにせよ、要素の配置とか、CSS書くのが少し楽になりそうな予感。
