How does intrinsic work?

后端 未结 4 628
长发绾君心
长发绾君心 2021-02-12 22:33

I have never heard of this intrinsic value before until I come across this page on MDN.

From what I know intrinsic means

相关标签:
4条回答
  • 2021-02-12 23:13

    I have found that in iOS8, flexbox children may not always try to contain all their children and instead max their height to the available viewport. min-height: min-intrinsic fixes that problem.

    0 讨论(0)
  • 2021-02-12 23:14

    It looks like the intrinsic value is part of the newer CSS3 sizing module:

    http://dev.w3.org/csswg/css-sizing/

    I have not used it yet but perhaps the reference will provide you with more information.

    Based on a quick review, this module would make it easier to specify how content fills the width and height of a parent containing block.

    At the moment, JavaScript functions are often used to compute widths and heights of container blocks based on % values for variable child elements content.

    0 讨论(0)
  • 2021-02-12 23:14

    It allows you to set the width of an element to stretch wide enough to accommodate its children. So, if a div element contained a wide image and some text, the div would stretch wide enough to accommodate the image, and the text would begin breaking at that threshold.

    Definitely experimental and not widely supported: http://caniuse.com/intrinsic-width

    0 讨论(0)
  • 2021-02-12 23:15

    Intrinsic sizing determines sizes based on the contents of an element, without regard for its context.

    http://dev.w3.org/csswg/css-sizing/#intrinsic-sizing

    0 讨论(0)
提交回复
热议问题