image-max-width-and-height-behaves-as-auto.html (755B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#min-max-widths"> 5 <link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio-size-transfers"> 6 <meta name="assert" content="When computed logical width is auto, computed logical height behaves as auto, 7 the used logical height should be determined with respect to any max logical width constraint."> 8 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> 9 <style> 10 .container { 11 width: 100px; 12 } 13 img { 14 max-width: 100%; 15 height: 100%; 16 } 17 </style> 18 </head> 19 <body> 20 <p>Test passes if there is a filled green square.</p> 21 <div class="container"> 22 <img src="aspect-ratio/support/200x200-green.png"/> 23 </div> 24 </body> 25 </html>