diff options
| author | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-08-16 22:39:37 +0200 |
|---|---|---|
| committer | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-10-17 20:38:16 +0200 |
| commit | 51e023b7eb12e87a172e1d60e62ecc7448eff836 (patch) | |
| tree | 5af6199ad9d18a928507fd20798447c573897d5a /test/html/render/img-aspect-ratio-mix-margin.ref.html | |
| parent | df3ed4822cbbdb7c5553ad9f03ecdbd53654aa65 (diff) | |
Add more image aspect ratio tests
Diffstat (limited to 'test/html/render/img-aspect-ratio-mix-margin.ref.html')
| -rw-r--r-- | test/html/render/img-aspect-ratio-mix-margin.ref.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/test/html/render/img-aspect-ratio-mix-margin.ref.html b/test/html/render/img-aspect-ratio-mix-margin.ref.html new file mode 100644 index 00000000..36207ab6 --- /dev/null +++ b/test/html/render/img-aspect-ratio-mix-margin.ref.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test image aspect ratio while constrained</title> + <style> + body {margin: 20px} + div {width: 640px; height: 640px; background: lightblue;} + img {margin: 10px} + </style> + </head> + <body> + <div> + <p>All images should be 32px by 32px like this one:</p> + <img src="pic.png" style="width:32px;height:32px;"> + <p>Only one max-* contraint</p> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <p>One max-* and fixed size contraint</p> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <p>Two max-* contraints</p> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <p>Both min-* and max-* constrained</p> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <p>Bad constraints</p> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + <img src="pic.png" style="width:32px;height:32px;"> + </div> + </body> +</html> |