Use presentation hints correctly for the dimensions of <img>.

Mostly straightforward; includes some extra fixes to make `<canvas>`
work the same way as `<img>` for reflow.
This commit is contained in:
Eli Friedman 2015-11-14 16:56:42 -08:00 committed by Josh Matthews
parent b188cb542e
commit 7b671d13a0
56 changed files with 5505 additions and 853 deletions

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>img width/height - reference</title>
<style>
p { width: 50px; height: 50px; }
</style>
<p><img src=/images/green.png>
<p><img src=/images/green.png style="width: 10px">
<p><img src=/images/green.png style="height: 10px">
<p><img src=/images/green.png style="width: 10%">
<p><img src=/images/green.png style="height: 10%">

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>img width/height</title>
<link rel=match href=img-dim-ref.html>
<style>
p { width: 50px; height: 50px; }
</style>
<p><img src=/images/green.png>
<p><img src=/images/green.png width=10>
<p><img src=/images/green.png height=10>
<p><img src=/images/green.png width=10%>
<p><img src=/images/green.png height=10%>