Add support for min-width and max-width to images.

This fixes the images on the homepage of github.
This commit is contained in:
Glenn Watson 2014-09-22 13:48:41 +10:00
parent fd5c6e8512
commit 87d18b90a6
5 changed files with 111 additions and 20 deletions

View file

@ -136,3 +136,5 @@ flaky_gpu,flaky_linux == acid2_noscroll.html acid2_ref_broken.html
== after_block_iteration.html after_block_iteration_ref.html
== inline_block_percentage_height_a.html inline_block_percentage_height_ref.html
== percentage_height_float_a.html percentage_height_float_ref.html
== img_block_maxwidth_a.html img_block_maxwidth_ref.html
== img_block_maxwidth_b.html img_block_maxwidth_ref.html

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
margin: 0;
}
img {
display: block;
max-width: 200px;
}
</style>
</head>
<body>
<img src="400x400_green.png">
</body>
</html>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
margin: 0;
}
img {
max-height: 200px;
}
</style>
</head>
<body>
<img src="400x400_green.png">
</body>
</html>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
margin: 0;
}
img {
width: 200px;
}
</style>
</head>
<body>
<img src="400x400_green.png">
</body>
</html>