94

(一般的な .Net 単体テスト ライブラリであるXunitと混同しないでください。)

今日は退屈に感じて、Gmail の DOM を調査し始めました (はい、とても退屈でした)。

特定の要素の幅に関する興味深い仕様に気付くまで、すべてが非常に簡単に見えました。著名な Googlites は、まれな「ex」ユニットを使用してテーブル列の数を指定していました。

width: 22ex;

最初は戸惑いましたが (「ex」とは何ですか?)、それが戻ってきました。何年も前に CSS について初めて学んだときのことを覚えているようです。CSS3仕様から：

[ ex 単位は]最初に使用可能な fontの使用された x-height に等しくなります。x-height と呼ばれるのは、小文字の "x" の高さに等しいことが多いためです。ただし、「x」を含まないフォントにも「ex」が定義されています。

まあまあ。しかし、実際にそれが使用されているのを見たことはありません (自分で使用したことははるかに少ないです)。私は非常に頻繁にemを使用しており、その価値を高く評価していますが、なぜ「ex」なのですか? emよりもはるかに標準的な測定ではなく、はるかに有用ではないようです.

このトピックについて議論している数少ないページの 1 つは、Stephen Poley のhttp://www.xs4all.nl/~sbpoley/webmatters/emex.htmlです。Stephen は良い点を指摘していますが、彼の議論は私には決定的ではないように思えます。

私の質問は、「ex」ユニットは Web デザインにどのような価値をもたらすのでしょうか?

(この質問は主観的にタグ付けされる可能性がありますが、その決定は私よりも経験豊富な SO'ers に任せます。)

4

5 に答える 5

28

質問に答えるために、1 つの使用法は上付き文字と下付き文字です。例：

sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    bottom: 1ex;
}
于 2014-09-14T01:03:31.790 に答える