mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 16:27:35 +00:00
LibWeb: Resolve viewport-relative <img sizes> values
We still don't know how to resolve font-relative lengths in <img sizes> since we don't always have font size information available at this stage in the pipeline, but we can at least handle viewport-relative lengths. This fixes an issue on many websites where low-resolution images were loaded (appropriate for a small viewport) even when the viewport is big.
This commit is contained in:
parent
ae5313d33c
commit
0103940cee
4 changed files with 25 additions and 1 deletions
|
@ -0,0 +1,6 @@
|
|||
<!doctype html>
|
||||
<img
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NgaGD4DwAChAGAZM0bBgAAAABJRU5ErkJggg=="
|
||||
width="400"
|
||||
height="400"
|
||||
/>
|
10
Tests/LibWeb/Ref/img-srcset-viewport-relative-sizes.html
Normal file
10
Tests/LibWeb/Ref/img-srcset-viewport-relative-sizes.html
Normal file
|
@ -0,0 +1,10 @@
|
|||
<!doctype html>
|
||||
<img
|
||||
sizes="100vw"
|
||||
srcset="
|
||||
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2P4z8DwHwAFAAH/F1FwBgAAAABJRU5ErkJggg== 100w,
|
||||
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NgaGD4DwAChAGAZM0bBgAAAABJRU5ErkJggg== 200w
|
||||
"
|
||||
width="400"
|
||||
height="400"
|
||||
/>
|
|
@ -1,4 +1,5 @@
|
|||
{
|
||||
"img-srcset-viewport-relative-sizes.html": "img-srcset-viewport-relative-sizes-ref.html",
|
||||
"square-flex.html": "square-ref.html",
|
||||
"separate-borders-inline-table.html": "separate-borders-ref.html",
|
||||
"opacity-stacking.html": "opacity-stacking-ref.html",
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue