mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-24 08:59:50 +00:00
Otherwise we apply `calculate_stretch_fit_width()` instead of calculating width based on the content inside the box, like other browsers do.
16 lines
No EOL
317 B
HTML
16 lines
No EOL
317 B
HTML
<!doctype html><style>
|
|
* {
|
|
outline: 1px solid black;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
.aspectratio {
|
|
aspect-ratio: 1/1;
|
|
}
|
|
.box {
|
|
width: 192px;
|
|
height: 192px;
|
|
background-color: magenta;
|
|
}
|
|
</style><div class="flex"><div class="wrapper"><div class="aspectratio"><div class="box"></div></div></div>hello |