css - 内因性はどのように機能しますか?

Question

MDN でこのページに intrinsic出くわすまで、この値について聞いたことがありません。

私が知っていることから、本質的は自然を意味します。では、これは CSS でどのように機能するのでしょうか。autoそれが当然だと思いました。私は少し検索しましたが、何も見つかりません。

と何が違うのですautoか？

私が見た例はmax-width: intrinsic;

score 9 · Accepted Answer

intrinsic値は新しい CSS3 sizing モジュールの一部のようです:

私はまだ使用していませんが、おそらくリファレンスがより多くの情報を提供します。

簡単なレビューに基づいて、このモジュールにより、ブロックを含む親の幅と高さをコンテンツがどのように埋めるかを簡単に指定できるようになります。

現時点では、変数の子要素コンテンツの % 値に基づいてコンテナーブロックの幅と高さを計算するために、JavaScript 関数がよく使用されます。

score 8 · Accepted Answer

要素の幅を設定して、その子を収容するのに十分な幅に広げることができます。そのため、div 要素に幅の広い画像といくつかのテキストが含まれている場合、div は画像を収容するのに十分な幅に伸び、テキストはそのしきい値で分割され始めます。

明らかに実験的であり、広くサポートされていません: http://caniuse.com/intrinsic-width

score 4 · Accepted Answer

固有のサイズ設定では、コンテキストに関係なく、要素のコンテンツに基づいてサイズが決定されます。

score 2 · Accepted Answer

iOS8 では、flexbox の子が常にすべての子を含むとは限らず、代わりに使用可能なビューポートまで高さを最大化する場合があることがわかりました。 min-height: min-intrinsicその問題を修正します。

4 に答える 4