tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

flexbox-min-width-auto-006.html (1126B)

      1 <!DOCTYPE html>
      2 <title>CSS Flexible Box Test: Aspect ratio handling of images</title>
      3 <link rel="author" title="Sergio Villar Senin" href="mailto:svillar@igalia.com" />
      4 <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#min-size-auto" />
      5 <link rel="help" href="https://github.com/web-platform-tests/wpt/issues/31609" />
      6 <link rel="match" href="reference/flexbox-min-width-auto-006-ref.html" />
      7 
      8 <style>
      9 .constrained-width-flex {
     10    width: 100px;
     11    display: flex;
     12    border: 1px solid black;
     13 }
     14 .constrained-height-flex {
     15    display: flex;
     16    height: 100px;
     17 }
     18 </style>
     19 
     20 <p>Test passes if there are two 100x100 green squares.</p>
     21 
     22 <div class="constrained-width-flex">
     23    <div class="constrained-height-flex">
     24        <img  src="data:image/svg+xml,
     25                <svg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'>
     26                    <rect width='100%' height='100%' fill='green'/>
     27                </svg>"/>
     28    </div>
     29 </div>
     30 
     31 <br>
     32 
     33 <div class="constrained-width-flex">
     34    <div class="constrained-height-flex">
     35        <img  src="support/60x60-green.png"/>
     36    </div>
     37 </div>