3 Any copyright is dedicated to the Public Domain.
4 https://creativecommons.org/publicdomain/zero/1.0/
8 <title>CSS Grid Test: Testing track 'min-content' min-sizing function with 'min-width:auto' on an item with an intrinsic aspect ratio
</title>
9 <link rel=
"author" title=
"Mats Palmgren" href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
10 <link rel=
"help" href=
"https://drafts.csswg.org/css-grid/#min-size-auto">
11 <link rel=
"match" href=
"grid-min-content-min-sizing-transferred-size-002-ref.html">
12 <style type=
"text/css">
13 html
,body
{ color:black
; background-color:white
; font:12px monospace
; padding:0; margin:0; }
24 .col { grid-template-columns:min-content
; grid-auto-rows:10px; }
25 .col img { min-height:0; }
36 "height:30px; max-width:200%", "height:30px; width:200%", "height:30px; width:50%",
37 "width:50%", "max-width:50%", "height:30px", "height:200%; width:80px", "height:50%",
38 "height:50%; width:20px", "max-height:50%", "max-height:50%; max-width:6px",
39 "min-height:40%", "min-height:40%; max-width:30px"
42 var h3
= document
.createElement('h3');
43 h3
.appendChild(document
.createTextNode("grid-template-columns:min-content"));
44 document
.body
.appendChild(h3
);
45 for (var i
= 0; i
< coltest
.length
; ++i
) {
46 var grid
= document
.createElement('div');
47 grid
.setAttribute("class","grid col");
48 var img
= document
.createElement('img');
49 img
.setAttribute("src","support/lime-24x2.png");
50 img
.setAttribute("style",coltest
[i
]);
51 grid
.appendChild(img
);
52 document
.body
.appendChild(document
.createTextNode("24x2.png -- "+coltest
[i
]+'\n'));
53 document
.body
.appendChild(document
.createElement('br'));
54 document
.body
.appendChild(grid
);
55 document
.body
.appendChild(document
.createElement('br'));