| <html> |
| <head> |
| <title>Density Corrected Size: various elements</title> |
| <link rel="author" title="Noam Rosenthal" href="noam@webkit.org"> |
| <style> |
| .row { |
| display: flex; |
| } |
| |
| .row > * { |
| object-fit: none; |
| object-position: top left; |
| margin: 5px; |
| width: 100px; |
| height: 50px; |
| background: #CCCCCC; |
| } |
| </style> |
| </head> |
| <body> |
| <p>There following boxes should be identical (the colorful boxes at the top-left quarter)</p> |
| <div class="row"> |
| <div> |
| <img src="resources/exif-resolution-none.jpg" width="50" height="25" /> |
| </div> |
| <div> |
| <img src="resources/exif-resolution-none.jpg" width="50" height="25" /> |
| </div> |
| <div> |
| <img src="resources/exif-resolution-none.jpg" width="50" height="25" /> |
| </div> |
| </div> |
| </body> |
| </html> |