Files
wangxiaowei 5d7b75a14e first commit
2025-12-09 13:35:21 +08:00

717 lines
16 KiB
JSON

{
"title":"Intrinsic & Extrinsic Sizing",
"description":"Allows for the heights and widths to be specified in intrinsic values using the `max-content`, `min-content`, `fit-content` and `stretch` (formerly `fill`) properties.",
"spec":"https://www.w3.org/TR/css3-sizing/",
"status":"wd",
"links":[
{
"url":"https://thenewcode.com/662/Design-From-the-Inside-Out-With-CSS-Min-Content",
"title":"Min-Content tutorial"
}
],
"bugs":[
{
"description":"Safari does not yet support usage with CSS Grid Layout properties such as `grid-template-rows`."
}
],
"categories":[
"CSS3"
],
"stats":{
"ie":{
"5.5":"n",
"6":"n",
"7":"n",
"8":"n",
"9":"n",
"10":"n",
"11":"n"
},
"edge":{
"12":"n",
"13":"n",
"14":"n",
"15":"n",
"16":"n",
"17":"n",
"18":"n",
"79":"y #3 #4",
"80":"y #3 #4",
"81":"y #3 #4",
"83":"y #3 #4",
"84":"y #3 #4",
"85":"y #3 #4",
"86":"y #3 #4",
"87":"y #3 #4",
"88":"y #3 #4",
"89":"y #3 #4",
"90":"y #3 #4",
"91":"y #3 #4",
"92":"y #3 #4",
"93":"y #3 #4",
"94":"y #4",
"95":"y #4",
"96":"y #4",
"97":"y #4",
"98":"y #4",
"99":"y #4",
"100":"y #4",
"101":"y #4",
"102":"y #4",
"103":"y #4",
"104":"y #4",
"105":"y #4",
"106":"y #4",
"107":"y #4",
"108":"y #4",
"109":"y #4",
"110":"y #4",
"111":"y #4",
"112":"y #4",
"113":"y #4",
"114":"y #4",
"115":"y #4",
"116":"y #4",
"117":"y #4",
"118":"y #4",
"119":"y #4",
"120":"y #4",
"121":"y #4",
"122":"y #4",
"123":"y #4",
"124":"y #4",
"125":"y #4",
"126":"y #4",
"127":"y #4",
"128":"y #4",
"129":"y #4",
"130":"y #4",
"131":"y #4",
"132":"y #4",
"133":"y #4",
"134":"y #4",
"135":"y #4",
"136":"y #4",
"137":"y #4",
"138":"y #4",
"139":"y #4",
"140":"y #4",
"141":"y #4",
"142":"y #4"
},
"firefox":{
"2":"n",
"3":"a x #1 #2 #3",
"3.5":"a x #1 #2 #3",
"3.6":"a x #1 #2 #3",
"4":"a x #1 #2 #3",
"5":"a x #1 #2 #3",
"6":"a x #1 #2 #3",
"7":"a x #1 #2 #3",
"8":"a x #1 #2 #3",
"9":"a x #1 #2 #3",
"10":"a x #1 #2 #3",
"11":"a x #1 #2 #3",
"12":"a x #1 #2 #3",
"13":"a x #1 #2 #3",
"14":"a x #1 #2 #3",
"15":"a x #1 #2 #3",
"16":"a x #1 #2 #3",
"17":"a x #1 #2 #3",
"18":"a x #1 #2 #3",
"19":"a x #1 #2 #3",
"20":"a x #1 #2 #3",
"21":"a x #1 #2 #3",
"22":"a x #1 #2 #3",
"23":"a x #1 #2 #3",
"24":"a x #1 #2 #3",
"25":"a x #1 #2 #3",
"26":"a x #1 #2 #3",
"27":"a x #1 #2 #3",
"28":"a x #1 #2 #3",
"29":"a x #1 #2 #3",
"30":"a x #1 #2 #3",
"31":"a x #1 #2 #3",
"32":"a x #1 #2 #3",
"33":"a x #1 #2 #3",
"34":"a x #1 #2 #3",
"35":"a x #1 #2 #3",
"36":"a x #1 #2 #3",
"37":"a x #1 #2 #3",
"38":"a x #1 #2 #3",
"39":"a x #1 #2 #3",
"40":"a x #1 #2 #3",
"41":"a x #1 #2 #3",
"42":"a x #1 #2 #3",
"43":"a x #1 #2 #3",
"44":"a x #1 #2 #3",
"45":"a x #1 #2 #3",
"46":"a x #1 #2 #3",
"47":"a x #1 #2 #3",
"48":"a x #1 #2 #3",
"49":"a x #1 #2 #3",
"50":"a x #1 #2 #3",
"51":"a x #1 #2 #3",
"52":"a x #1 #2 #3",
"53":"a x #1 #2 #3",
"54":"a x #1 #2 #3",
"55":"a x #1 #2 #3",
"56":"a x #1 #2 #3",
"57":"a x #1 #2 #3",
"58":"a x #1 #2 #3",
"59":"a x #1 #2 #3",
"60":"a x #1 #2 #3",
"61":"a x #1 #2 #3",
"62":"a x #1 #2 #3",
"63":"a x #1 #2 #3",
"64":"a x #1 #2 #3",
"65":"a x #1 #2 #3",
"66":"a #2 #5",
"67":"a #2 #5",
"68":"a #2 #5",
"69":"a #2 #5",
"70":"a #2 #5",
"71":"a #2 #5",
"72":"a #2 #5",
"73":"a #2 #5",
"74":"a #2 #5",
"75":"a #2 #5",
"76":"a #2 #5",
"77":"a #2 #5",
"78":"a #2 #5",
"79":"a #2 #5",
"80":"a #2 #5",
"81":"a #2 #5",
"82":"a #2 #5",
"83":"a #2 #5",
"84":"a #2 #5",
"85":"a #2 #5",
"86":"a #2 #5",
"87":"a #2 #5",
"88":"a #2 #5",
"89":"a #2 #5",
"90":"a #2 #5",
"91":"a #2 #5",
"92":"a #2 #5",
"93":"a #2 #5",
"94":"a #2 #5",
"95":"a #2 #5",
"96":"a #2 #5",
"97":"a #2 #5",
"98":"a #2 #5",
"99":"a #2 #5",
"100":"a #2 #5",
"101":"a #2 #5",
"102":"a #2 #5",
"103":"a #2 #5",
"104":"a #2 #5",
"105":"a #2 #5",
"106":"a #2 #5",
"107":"a #2 #5",
"108":"a #2 #5",
"109":"a #2 #5",
"110":"a #2 #5",
"111":"a #2 #5",
"112":"a #2 #5",
"113":"a #2 #5",
"114":"a #2 #5",
"115":"a #2 #5",
"116":"a #2 #5",
"117":"a #2 #5",
"118":"a #2 #5",
"119":"a #2 #5",
"120":"a #2 #5",
"121":"a #2 #5",
"122":"a #2 #5",
"123":"a #2 #5",
"124":"a #2 #5",
"125":"a #2 #5",
"126":"a #2 #5",
"127":"a #2 #5",
"128":"a #2 #5",
"129":"a #2 #5",
"130":"a #2 #5",
"131":"a #2 #5",
"132":"a #2 #5",
"133":"a #2 #5",
"134":"a #2 #5",
"135":"a #2 #5",
"136":"a #2 #5",
"137":"a #2 #5",
"138":"a #2 #5",
"139":"a #2 #5",
"140":"a #2 #5",
"141":"a #2 #5",
"142":"a #2 #5",
"143":"a #2 #5",
"144":"a #2 #5",
"145":"a #2 #5",
"146":"a #2 #5",
"147":"a #2 #5",
"148":"a #2 #5"
},
"chrome":{
"4":"n",
"5":"n",
"6":"n",
"7":"n",
"8":"n",
"9":"n",
"10":"n",
"11":"n",
"12":"n",
"13":"n",
"14":"n",
"15":"n",
"16":"n",
"17":"n",
"18":"n",
"19":"n",
"20":"n",
"21":"n",
"22":"y x #3",
"23":"y x #3",
"24":"y x #3",
"25":"y x #3",
"26":"y x #3",
"27":"y x #3",
"28":"y x #3",
"29":"y x #3",
"30":"y x #3",
"31":"y x #3",
"32":"y x #3",
"33":"y x #3",
"34":"y x #3",
"35":"y x #3",
"36":"y x #3",
"37":"y x #3",
"38":"y x #3",
"39":"y x #3",
"40":"y x #3",
"41":"y x #3",
"42":"y x #3",
"43":"y x #3",
"44":"y x #3",
"45":"y x #3",
"46":"y #3 #4",
"47":"y #3 #4",
"48":"y #3 #4",
"49":"y #3 #4",
"50":"y #3 #4",
"51":"y #3 #4",
"52":"y #3 #4",
"53":"y #3 #4",
"54":"y #3 #4",
"55":"y #3 #4",
"56":"y #3 #4",
"57":"y #3 #4",
"58":"y #3 #4",
"59":"y #3 #4",
"60":"y #3 #4",
"61":"y #3 #4",
"62":"y #3 #4",
"63":"y #3 #4",
"64":"y #3 #4",
"65":"y #3 #4",
"66":"y #3 #4",
"67":"y #3 #4",
"68":"y #3 #4",
"69":"y #3 #4",
"70":"y #3 #4",
"71":"y #3 #4",
"72":"y #3 #4",
"73":"y #3 #4",
"74":"y #3 #4",
"75":"y #3 #4",
"76":"y #3 #4",
"77":"y #3 #4",
"78":"y #3 #4",
"79":"y #3 #4",
"80":"y #3 #4",
"81":"y #3 #4",
"83":"y #3 #4",
"84":"y #3 #4",
"85":"y #3 #4",
"86":"y #3 #4",
"87":"y #3 #4",
"88":"y #3 #4",
"89":"y #3 #4",
"90":"y #3 #4",
"91":"y #3 #4",
"92":"y #3 #4",
"93":"y #3 #4",
"94":"y #4",
"95":"y #4",
"96":"y #4",
"97":"y #4",
"98":"y #4",
"99":"y #4",
"100":"y #4",
"101":"y #4",
"102":"y #4",
"103":"y #4",
"104":"y #4",
"105":"y #4",
"106":"y #4",
"107":"y #4",
"108":"y #4",
"109":"y #4",
"110":"y #4",
"111":"y #4",
"112":"y #4",
"113":"y #4",
"114":"y #4",
"115":"y #4",
"116":"y #4",
"117":"y #4",
"118":"y #4",
"119":"y #4",
"120":"y #4",
"121":"y #4",
"122":"y #4",
"123":"y #4",
"124":"y #4",
"125":"y #4",
"126":"y #4",
"127":"y #4",
"128":"y #4",
"129":"y #4",
"130":"y #4",
"131":"y #4",
"132":"y #4",
"133":"y #4",
"134":"y #4",
"135":"y #4",
"136":"y #4",
"137":"y #4",
"138":"y #4",
"139":"y #4",
"140":"y #4",
"141":"y #4",
"142":"y #4",
"143":"y #4",
"144":"y #4",
"145":"y #4",
"146":"y #4"
},
"safari":{
"3.1":"n",
"3.2":"n",
"4":"n",
"5":"n",
"5.1":"n",
"6":"n",
"6.1":"a x #1 #3",
"7":"a x #1 #3",
"7.1":"a x #1 #3",
"8":"a x #1 #3",
"9":"a x #3",
"9.1":"a x #3",
"10":"a x #3",
"10.1":"a x #3",
"11":"a #3",
"11.1":"a #3",
"12":"a #3",
"12.1":"a #3",
"13":"a #3",
"13.1":"a #3",
"14":"a #3",
"14.1":"a #3",
"15":"a #3",
"15.1":"a #3",
"15.2-15.3":"a #3",
"15.4":"a #3",
"15.5":"a #3",
"15.6":"a #3",
"16.0":"y",
"16.1":"y",
"16.2":"y",
"16.3":"y",
"16.4":"y",
"16.5":"y",
"16.6":"y",
"17.0":"y",
"17.1":"y",
"17.2":"y",
"17.3":"y",
"17.4":"y",
"17.5":"y",
"17.6":"y",
"18.0":"y",
"18.1":"y",
"18.2":"y",
"18.3":"y",
"18.4":"y",
"18.5-18.6":"y",
"26.0":"y",
"26.1":"y",
"26.2":"y",
"TP":"y"
},
"opera":{
"9":"n",
"9.5-9.6":"n",
"10.0-10.1":"n",
"10.5":"n",
"10.6":"n",
"11":"n",
"11.1":"n",
"11.5":"n",
"11.6":"n",
"12":"n",
"12.1":"n",
"15":"y x #3",
"16":"y x #3",
"17":"y x #3",
"18":"y x #3",
"19":"y x #3",
"20":"y x #3",
"21":"y x #3",
"22":"y x #3",
"23":"y x #3",
"24":"y x #3",
"25":"y x #3",
"26":"y x #3",
"27":"y x #3",
"28":"y x #3",
"29":"y x #3",
"30":"y x #3",
"31":"y x #3",
"32":"y x #3",
"33":"y #3 #4",
"34":"y #3",
"35":"y #3 #4",
"36":"y #3 #4",
"37":"y #3 #4",
"38":"y #3 #4",
"39":"y #3 #4",
"40":"y #3 #4",
"41":"y #3 #4",
"42":"y #3 #4",
"43":"y #3 #4",
"44":"y #3 #4",
"45":"y #3 #4",
"46":"y #3 #4",
"47":"y #3 #4",
"48":"y #3 #4",
"49":"y #3 #4",
"50":"y #3 #4",
"51":"y #3 #4",
"52":"y #3 #4",
"53":"y #3 #4",
"54":"y #3 #4",
"55":"y #3 #4",
"56":"y #3 #4",
"57":"y #3 #4",
"58":"y #3 #4",
"60":"y #3 #4",
"62":"y #3 #4",
"63":"y #3 #4",
"64":"y #3 #4",
"65":"y #3 #4",
"66":"y #3 #4",
"67":"y #3 #4",
"68":"y #3 #4",
"69":"y #3 #4",
"70":"y #3 #4",
"71":"y #3 #4",
"72":"y #3 #4",
"73":"y #3 #4",
"74":"y #3 #4",
"75":"y #3 #4",
"76":"y #3 #4",
"77":"y #3 #4",
"78":"y #3 #4",
"79":"y #3 #4",
"80":"y #3 #4",
"81":"y #3 #4",
"82":"y #3 #4",
"83":"y #3 #4",
"84":"y #3 #4",
"85":"y #3 #4",
"86":"y #3 #4",
"87":"y #3 #4",
"88":"y #3 #4",
"89":"y #3 #4",
"90":"y #3 #4",
"91":"y #3 #4",
"92":"y #3 #4",
"93":"y #3 #4",
"94":"y #3 #4",
"95":"y #4",
"96":"y #4",
"97":"y #4",
"98":"y #4",
"99":"y #4",
"100":"y #4",
"101":"y #4",
"102":"y #4",
"103":"y #4",
"104":"y #4",
"105":"y #4",
"106":"y #4",
"107":"y #4",
"108":"y #4",
"109":"y #4",
"110":"y #4",
"111":"y #4",
"112":"y #4",
"113":"y #4",
"114":"y #4",
"115":"y #4",
"116":"y #4",
"117":"y #4",
"118":"y #4",
"119":"y #4",
"120":"y #4",
"121":"y #4",
"122":"y #4"
},
"ios_saf":{
"3.2":"n",
"4.0-4.1":"n",
"4.2-4.3":"n",
"5.0-5.1":"n",
"6.0-6.1":"n",
"7.0-7.1":"a x #1 #3",
"8":"a x #1 #3",
"8.1-8.4":"a x #1 #3",
"9.0-9.2":"a x #3",
"9.3":"a x #3",
"10.0-10.2":"a x #3",
"10.3":"a x #3",
"11.0-11.2":"a x #3",
"11.3-11.4":"a x #3",
"12.0-12.1":"a x #3",
"12.2-12.5":"a x #3",
"13.0-13.1":"a x #3",
"13.2":"a x #3",
"13.3":"a x #3",
"13.4-13.7":"a x #3",
"14.0-14.4":"a #3",
"14.5-14.8":"a #3",
"15.0-15.1":"a #3",
"15.2-15.3":"a #3",
"15.4":"a #3",
"15.5":"a #3",
"15.6-15.8":"a #3",
"16.0":"y",
"16.1":"y",
"16.2":"y",
"16.3":"y",
"16.4":"y",
"16.5":"y",
"16.6-16.7":"y",
"17.0":"y",
"17.1":"y",
"17.2":"y",
"17.3":"y",
"17.4":"y",
"17.5":"y",
"17.6-17.7":"y",
"18.0":"y",
"18.1":"y",
"18.2":"y",
"18.3":"y",
"18.4":"y",
"18.5-18.6":"y",
"26.0":"y",
"26.1":"y"
},
"op_mini":{
"all":"n"
},
"android":{
"2.1":"n",
"2.2":"n",
"2.3":"n",
"3":"n",
"4":"n",
"4.1":"n",
"4.2-4.3":"n",
"4.4":"y x #3",
"4.4.3-4.4.4":"y x #3",
"142":"y #4"
},
"bb":{
"7":"n",
"10":"y x #3"
},
"op_mob":{
"10":"n",
"11":"n",
"11.1":"n",
"11.5":"n",
"12":"n",
"12.1":"n",
"80":"y #4"
},
"and_chr":{
"142":"y #4"
},
"and_ff":{
"144":"a #2 #5"
},
"ie_mob":{
"10":"n",
"11":"n"
},
"and_uc":{
"15.5":"y #3 #4"
},
"samsung":{
"4":"y x #3",
"5.0-5.4":"y #3 #4",
"6.2-6.4":"y #3 #4",
"7.2-7.4":"y #3 #4",
"8.2":"y #3 #4",
"9.2":"y #3 #4",
"10.1":"y #3 #4",
"11.1-11.2":"y #3 #4",
"12.0":"y #3 #4",
"13.0":"y #3 #4",
"14.0":"y #3 #4",
"15.0":"y #3 #4",
"16.0":"y #3 #4",
"17.0":"y #4",
"18.0":"y #4",
"19.0":"y #4",
"20":"y #4",
"21":"y #4",
"22":"y #4",
"23":"y #4",
"24":"y #4",
"25":"y #4",
"26":"y #4",
"27":"y #4",
"28":"y #4",
"29":"y #4"
},
"and_qq":{
"14.9":"y #3 #4"
},
"baidu":{
"13.52":"y #3 #4"
},
"kaios":{
"2.5":"a x #1 #2 #3",
"3.0-3.1":"a #2 #5"
}
},
"notes":"Prefixes are on the values, not the property names (e.g. -webkit-min-content)\r\n\r\nOlder webkit browsers also support the unofficial `intrinsic` value which acts the same as `max-content`.",
"notes_by_num":{
"1":"Firefox does not support the `height`/`min-height`/`max-height` properties, only `width`. See [test case](https://codepen.io/shshaw/pen/Kiwaz), [Firefox bug](https://bugzilla.mozilla.org/show_bug.cgi?id=567039).",
"2":"Firefox supports the `-moz-available` keyword rather than `stretch`. [Firefox bug](https://bugzilla.mozilla.org/show_bug.cgi?id=1495868).",
"3":"Does not support the `flex-basis` property. See [specs](https://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/#flex-basis-property), [Blink bug](https://bugs.chromium.org/p/chromium/issues/detail?id=240765), [Firefox bug](https://bugzilla.mozilla.org/show_bug.cgi?id=1055887).",
"4":"Chrome does not yet unprefix `stretch` (aka `fill`/`fill-available`), because the [CSSWG](https://lists.w3.org/Archives/Public/www-style/2015Aug/0127.html) is not ready for that yet. See [Chromium bug](https://bugs.chromium.org/p/chromium/issues/detail?id=611857).",
"5":"While still being affected by note 1, it is only for `-moz-fit-content` and `-moz-available`."
},
"usage_perc_y":91.86,
"usage_perc_a":3.05,
"ucprefix":false,
"parent":"",
"keywords":"fill,fill-available,max-content,min-content,fit-content,contain-floats,intrinsic,extrinsic,sizing",
"chrome_id":"5901353784180736",
"shown":true
}