object-fit-dyn-aspect-ratio-001-ref.html (1186B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html> 7 <head> 8 <meta charset="utf-8"> 9 <title>CSS Reftest Reference</title> 10 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 11 <style> 12 div { 13 margin: 1px; 14 background: lime; 15 float: left; 16 } 17 18 .square { 19 width: 24px; 20 height: 24px; 21 } 22 .bigWide { 23 width: 48px; 24 height: 32px; 25 } 26 .bigTall { 27 width: 32px; 28 height: 48px; 29 } 30 .small { 31 width: 8px; 32 height: 8px; 33 } 34 35 br { clear: both; } 36 37 </style> 38 </head> 39 <body> 40 <!-- Note: the specified heights here are just 1/2 the widths. --> 41 <div class="square"></div> 42 <div class="square" style="height: 12px"></div> 43 <br> 44 <div class="bigWide"></div> 45 <div class="bigWide" style="height: 24px"></div> 46 <br> 47 <div class="bigTall"></div> 48 <div class="bigTall" style="height: 16px"></div> 49 <br> 50 <div class="small"></div> 51 <div class="small" style="height: 4px"></div> 52 <br> 53 </body> 54 </html>