mirror of
https://github.com/RGBCube/serenity
synced 2025-07-28 02:57:44 +00:00
1051624084
Calculate a "preferred aspect ratio" based on the value of `aspect-ratio` and the presence of a natural aspect ratio, and use that in layout. This is by no means complete or perfect, but we do now apply the given aspect-ratio to things. The spec is a bit vague, just saying to calculate sizes for aspect-ratio'ed boxes the same as you would for replaced elements. My naive solution here is to find everywhere we were checking for a ReplacedBox, and then also accept a regular Box with a preferred aspect ratio. This gets us pretty far. :^) https://www.w3.org/TR/css-sizing-4/#aspect-ratio-minimum is not at all implemented.
9 lines
629 B
Text
9 lines
629 B
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (0,0) content-size 800x220 [BFC] children: not-inline
|
|
BlockContainer <body> at (8,8) content-size 784x204 children: not-inline
|
|
BlockContainer <div> at (9,9) content-size 200x0 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,10) content-size 784x202 children: inline
|
|
line 0 width: 202, height: 202, bottom: 202, baseline: 202
|
|
frag 0 from ImageBox start: 0, length: 0, rect: [9,11 200x200]
|
|
ImageBox <img> at (9,11) content-size 200x200 children: not-inline
|
|
TextNode <#text>
|