• haruka

    (@harlequin_wp)


    素朴な疑問です。

    Twenty Elevenをカスタマイズしているのですが、Twenty ElevenのCSSでは行間や余白の指定にem単位の数値を使っている場合に、やけに細かい数値を指定してあります。
    メインメニューのテキストを例にとってみると、

    #access a {
        line-height: 3.333em;
        padding: 0 1.2125em;
    }

    左右の余白が小数点第4位までという細かさです。
    この細かい数値には何か特別な理由があるのか、不思議に思いました。
    何かの計算式によって求めている数値なのでしょうか?

    例えばフォントサイズだと、多くの環境で綺麗に見えるサイズ指定の仕方、みたいなのがありますが、そういう感じの理由なのか、○の倍数だと良い、みたいなTipsがあるのか…。
    気になってます。
    1.2125なんて、1.2でいーんじゃないか、と思ったりするんですが、emにおいてこの二つの数値の違いは、値の差の少なさからは想像できない大きな違いがあるのでしょうか…。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • こんにちは

    例えばフォントサイズだと、多くの環境で綺麗に見えるサイズ指定の仕方、みたいなのがありますが、そういう感じの理由なのか、○の倍数だと良い、みたいなTipsがあるのか…。
    気になってます。
    1.2125なんて、1.2でいーんじゃないか、と思ったりするんですが、emにおいてこの二つの数値の違いは、値の差の少なさからは想像できない大きな違いがあるのでしょうか…。

    単に空想なのですが、pxとかからemに変換するために、細かい数字になっているんじゃないかと覆います
    桁が長いのは、emの値から、何px相当か調べられるようになっているのではないかと思います。

    関係ないですが、Twenty Twelveになると、remも使われるかもしれません。
    rem と emの違いは、こんな感じです。
    http://jsfiddle.net/SpYn9/2/

1件の返信を表示中 - 1 - 1件目 (全1件中)

トピック「Twenty ElevenのCSSでem単位の値が細かい理由」には新たに返信することはできません。