css'ex '単位の値は何ですか？

（人気のある.NetユニットテストライブラリであるXunitと混同しないでください。）

今日は退屈でGmailDOMの検査を始めました（はい、とても退屈でした）。

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

width: 22ex;

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

[元の単位は]最初に使用可能なフォントの使用済みエックスハイトに等しい。x-heightは、小文字の「x」の高さに等しいことが多いため、このように呼ばれます。ただし、「x」を含まないフォントに対しても「ex」が定義されます。

まあ、良い。しかし、私は実際にそれが以前に使用されたのを見たことがありません（ましてや自分で使用したことはありません）。私はemsを非常に一般的に使用しており、その価値を高く評価していますが、なぜ「ex」なのですか？emよりもはるかに標準的な測定ではなく、はるかに有用性が低いようです。

このトピックについて議論しているのを見つけた数少ないページの1つは、StephenPoleyのhttp://www.xs4all.nl/~sbpoley/webmatters/emex.htmlです。スティーブンは良い点を述べています、しかし、彼の議論は私には決定的ではないようです。

だから私の質問は：「ex」ユニットはウェブデザインにどのような価値をもたらしますか？

（この質問には主観的なタグを付けることができますが、その決定は私よりも経験豊富なSO'erに任せます。）

テキストの小文字の高さに関連して何かのサイズを設定する場合に便利です。たとえば、次のような設計に取り組んでいると想像してください。

デザインの活版印刷の次元では、文字の高さは残りの要素と重要な空間的関係を持っています。上記のソース画像の線は、テキストのエックスハイトを示すのに役立つことを目的としていますが、そのテキストを中心にデザインする場合のガイドラインの場所も示しています。

ジョナサンがコメントで指摘したように、exは単にem（幅）の高さバージョンです。

質問に答えるには、上付き文字と下付き文字を使用します。例：

sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    bottom: 1ex;
}

ここで考慮すべきもう1つのことは、ユーザーがフォントサイズを拡大または縮小したときにページがどのように拡大縮小するかです（おそらく、Ctrl +マウスホイール（Windows）を使用）。

私はemを..padding-leftで使用しました：2 em; パディング-右：2 em;

とパディングボトム付きの例：2例; パディングトップ：2 ex;

したがって、垂直方向のスケーリングプロパティには垂直方向の測定単位を使用し、水平方向にスケーリングするプロパティには水平方向の測定単位を使用します。

値CSS仕様でそれを持つが、それはあなたが本当に求めているものだ場合、全角単位を有するの値と全く同じです。

フォントを相対的なサイズに設定できます。

私の基本フォントサイズがわからない。したがって、Webデザインの優れた戦略の1つは、絶対的なフォントサイズではなく相対的なフォントサイズを設定することです。「10ピクセル」のような固定サイズではなく、「通常の2倍のサイズ」または「通常のサイズより少し小さい」に相当します。

「シングル/ダブルライン間隔」などの用語は、実際には、emで測定された2つの隣接するライン間のオフセットを意味することに注意してください。したがって、「二重行間隔」とは、各行の高さが2emであることを意味します。

したがって、「線」に比例する垂直距離を指定する場合は、emを使用します。小文字の実際の高さが必要な場合にのみexを使用します。これは、あえて言うと、はるかにまれなインスタンスです。

更新：Web標準では、ブラウザーは0.5emをexとして使用するか、フォントから派生させることができます。

ただし、「x-height」情報をフォント（OpenTypeまたはwebfont）に確実に埋め込む方法はありません。

したがって、前者の可能性は元ユニットを冗長にし、後者は発生するための信頼できる手段を欠いています。そして、どちらかが可能であるという事実は、それをさらに信頼性の低いものにします。

したがって、私は元ユニットの価値の欠如を主張します。