зеркало из https://github.com/mozilla/gecko-dev.git
Add fantasai's tests for bug 234686, which test min/max-width/height on images with height:auto and width:auto.
This commit is contained in:
dbaron@dbaron.org
Родитель
33bb88f086
Коммит
9e6bcc0166
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.1 KiB |
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* none
|
||||
*
|
||||
* wmin w wmax
|
||||
* |------------------+------+---------+------> width
|
||||
* hmin h hmax
|
||||
* |-------------+-----------+-----+----------> height
|
||||
*
|
||||
* target: [w, h]
|
||||
*/
|
||||
|
||||
#img1 {min-width: 60px;
|
||||
max-width: 105px;
|
||||
min-height: 45px;
|
||||
max-height: 120px;}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-1.gif" alt="" id="img1"></p> <!-- w=75 h=75 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.7 KiB |
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* (w > max-width) and (h > max-height)
|
||||
* (wmin/w > hmax/h) and (wmin/w > hmax/h)
|
||||
*
|
||||
* wmin wmax w
|
||||
* |------------------+------+-------+--------> width
|
||||
* hmax h
|
||||
* |-------------+-------------------+--------> height
|
||||
*
|
||||
* target: [wmin, hmax]
|
||||
*/
|
||||
|
||||
#img10 { min-width: 75px; /* 25% */
|
||||
max-width: 150px; /* 50% */
|
||||
max-height: 75px; /* 20% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-10.gif" alt="" id="img10"></p> <!-- w=300 h=375 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.1 KiB |
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* (w > max-width) and (h > max-height)
|
||||
* (wmax/w > hmax/h) and (wmin/w < hmax/h)
|
||||
*
|
||||
* wmin wmax w
|
||||
* |---------+---------------+-------+--------> width
|
||||
* hmax h
|
||||
* |-------------+-------------------+--------> height
|
||||
*
|
||||
* target: [hmax * w/h, hmax]
|
||||
*/
|
||||
|
||||
#img11 { min-width: 25px; /* 10% */
|
||||
max-width: 225px; /* 90% */
|
||||
max-height: 75px; /* 30% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-11.gif" alt="" id="img11"></p> <!-- w=250 h=250 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.6 KiB |
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* (w > max-width) and (h > max-height)
|
||||
* (wmax/w < hmax/h) and (wmax/w < hmin/h)
|
||||
*
|
||||
* wmax w
|
||||
* |-------------+-------------------+--------> width
|
||||
* hmin hmax h
|
||||
* |------------------+------+-------+--------> height
|
||||
*
|
||||
* target: [wmax, hmin]
|
||||
*/
|
||||
|
||||
#img12 { max-width: 75px; /* 20% */
|
||||
min-height: 75px; /* 25% */
|
||||
max-height: 150px; /* 50% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-12.gif" alt="" id="img12"></p> <!-- w=375 h=300 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.1 KiB |
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* (w > max-width) and (h > max-width)
|
||||
* (wmax/w < hmax/h) and (wmax/w > hmin/h)
|
||||
*
|
||||
* wmax w
|
||||
* |-------------+-------------------+--------> width
|
||||
* hmin hmax h
|
||||
* |---------+---------------+-------+--------> height
|
||||
*
|
||||
* target: [wmax, wmax * h/w]
|
||||
*/
|
||||
|
||||
#img13 { max-width: 75px; /* 30% */
|
||||
min-height: 25px; /* 10% */
|
||||
max-height: 225px; /* 90% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-13.gif" alt="" id="img13"></p> <!-- w=250 h=250 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 888 B |
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* (w < min-width) and (h < min-height)
|
||||
* (wmin/w < hmin/h) and (wmax/w > hmin/h)
|
||||
*
|
||||
* w wmin wmax
|
||||
* |----------+---------+----------+----------> width
|
||||
* h hmin
|
||||
* |----------+-------------+-----------------> height
|
||||
*
|
||||
* target: [hmin * w/h, hmin]
|
||||
*/
|
||||
|
||||
#img14 { min-width: 50px; /* 200% */
|
||||
max-width: 100px; /* 400% */
|
||||
min-height: 75px; /* 300% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-14.gif" alt="" id="img14"></p> <!-- w=25 h=25 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 923 B |
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* (w < min-width) and (h < min-height)
|
||||
* (wmin/w < hmin/h) and (wmax/w < hmin/h)
|
||||
*
|
||||
* w wmin wmax
|
||||
* |----------+---------+----------+----------> width
|
||||
* h hmin
|
||||
* |----------+------------------------+------> height
|
||||
*
|
||||
* target: [wmax, hmin]
|
||||
*/
|
||||
|
||||
#img15 { min-width: 55px; /* 110% */
|
||||
max-width: 75px; /* 150% */
|
||||
min-height: 75px; /* 300% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-15.gif" alt="" id="img15"></p> <!-- w=50 h=25 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 888 B |
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* (w < min-width) and (h < min-height)
|
||||
* (wmin/w > hmin/h) and (wmin/w < hmax/h)
|
||||
*
|
||||
* w wmin
|
||||
* |----------+-------------+-----------------> width
|
||||
* h hmin hmax
|
||||
* |----------+---------+----------+----------> height
|
||||
*
|
||||
* target: [wmin, wmin * h/w]
|
||||
*/
|
||||
|
||||
#img16 { min-width: 75px; /* 300% */
|
||||
min-height: 50px; /* 200% */
|
||||
max-height: 100px; /* 400% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-16.gif" alt="" id="img16"></p> <!-- w=25 h=25 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 936 B |
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* (w < min-width) and (h < min-height)
|
||||
* (wmin/w > hmin/h) and (wmin/w > hmax/h)
|
||||
* w wmin
|
||||
* |----------+------------------------+------> width
|
||||
* h hmin hmax
|
||||
* |----------+---------+----------+----------> height
|
||||
*
|
||||
* target: [wmin, hmax]
|
||||
*/
|
||||
|
||||
#img17 { min-width: 75px; /* 300% */
|
||||
min-height: 55px; /* 110% */
|
||||
max-height: 75px; /* 150% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-17.gif" alt="" id="img17"></p> <!-- w=25 h=50 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.1 KiB |
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* (w < min-width) and (h > max-height)
|
||||
*
|
||||
* w wmin
|
||||
* |-------------------------+-----+----------> width
|
||||
* hmax h
|
||||
* |------------------+------+----------------> height
|
||||
*
|
||||
* target: [wmin, hmax]
|
||||
*/
|
||||
|
||||
#img18 { min-width: 75px; /* 150% */
|
||||
max-height: 75px; /* 75% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-18.gif" alt="" id="img18"></p> <!-- w=50 h=100 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.0 KiB |
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* (w > max-width) and (h < min-height)
|
||||
*
|
||||
* wmax w
|
||||
* |------------------+------+----------------> width
|
||||
* h hmin
|
||||
* |-------------------------+-----+----------> height
|
||||
*
|
||||
* target: [wmax, hmin]
|
||||
*/
|
||||
|
||||
#img19 { max-width: 75px; /* 75% */
|
||||
min-height: 75px; /* 150% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-19.gif" alt="" id="img19"></p> <!-- w=100 h=50 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.5 KiB |
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* w > max-width
|
||||
* wmax/w > hmin/h
|
||||
* wmax w
|
||||
* |------------------+------+----------------> width
|
||||
* hmin h
|
||||
* |------------+------------+----------------> height
|
||||
*
|
||||
* target: [wmax, wmax * h/w]
|
||||
*/
|
||||
|
||||
#img2 {max-width: 75px; /* 50% */
|
||||
min-height: 60px; /* 40% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-2.gif" alt="" id="img2"></p> <!-- w=150 h=150 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.8 KiB |
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* w > max-width
|
||||
* wmax/w < hmin/h
|
||||
*
|
||||
* wmax w
|
||||
* |-------------+-----------+----------------> width
|
||||
* hmin h
|
||||
* |------------------+------+----------------> height
|
||||
*
|
||||
* target: [wmax, hmin]
|
||||
*/
|
||||
|
||||
#img3 {max-width: 75px; /* 25% */
|
||||
min-height: 75px; /* 50% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-3.gif" alt="" id="img3"></p> <!-- w=300 h=150 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 888 B |
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* w < min-width
|
||||
* wmin/w < hmax/h
|
||||
*
|
||||
* w wmin
|
||||
* |-------------+---------+------------------> width
|
||||
* h hmax
|
||||
* |-------------+----------------+-----------> height
|
||||
*
|
||||
* target: [wmin, wmin * h/w]
|
||||
*/
|
||||
|
||||
#img4 {min-width: 75px; /* 300% */
|
||||
max-height: 100px; /* 400% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-4.gif" alt="" id="img4"></p> <!-- w=25 h=25 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 936 B |
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* w < min-width
|
||||
* wmin/w > hmax/h
|
||||
*
|
||||
* w wmin
|
||||
* |-------------+----------------+-----------> width
|
||||
* h hmax
|
||||
* |-------------+---------+------------------> height
|
||||
*
|
||||
* target: [wmin, hmax]
|
||||
*/
|
||||
|
||||
#img5 {min-width: 75px; /* 300% */
|
||||
max-height: 75px; /* 150% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-5.gif" alt="" id="img5"></p> <!-- w=25 h=50 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.5 KiB |
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* h > max-height
|
||||
* wmin/w < hmax/h
|
||||
*
|
||||
* wmin w
|
||||
* |------------+------------+----------------> width
|
||||
* hmax h
|
||||
* |------------------+------+----------------> height
|
||||
*
|
||||
* target: [hmax * w/h, hmax]
|
||||
*/
|
||||
|
||||
#img6 {min-width: 60px; /* 40% */
|
||||
max-height: 75px; /* 50% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-6.gif" alt="" id="img6"></p> <!-- w=150 h=150 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.9 KiB |
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* h > max-height
|
||||
* wmin/w > hmax/h
|
||||
*
|
||||
* wmin w
|
||||
* |------------------+------+----------------> width
|
||||
* hmax h
|
||||
* |-------------+-----------+----------------> height
|
||||
*
|
||||
* target: [wmin, hmax]
|
||||
*/
|
||||
|
||||
#img7 {min-width: 75px; /* 50% */
|
||||
max-height: 75px; /* 25% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-7.gif" alt="" id="img7"></p> <!-- w=150 h=300 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 888 B |
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* h < min-height
|
||||
* wmax/w > hmin/h
|
||||
*
|
||||
* w wmax
|
||||
* |-------------+----------------+-----------> height
|
||||
* h hmin
|
||||
* |-------------+---------+------------------> width
|
||||
*
|
||||
* target: [hmin * w/h, hmin]
|
||||
*/
|
||||
|
||||
#img8 {max-width: 100px; /* 400% */
|
||||
min-height: 75px; /* 300% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-8.gif" alt="" id="img8"></p> <!-- w=25 h=25 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 923 B |
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
/* w < min-width
|
||||
* wmax/w < hmin/h
|
||||
*
|
||||
* w wmax
|
||||
* |-------------+---------+------------------> width
|
||||
* h hmin
|
||||
* |-------------+----------------+-----------> height
|
||||
*
|
||||
* target: [wmax, hmin]
|
||||
*/
|
||||
|
||||
#img9 {max-width: 75px; /* 150% */
|
||||
min-height: 75px; /* 300% */}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-9.gif" alt="" id="img9"></p> <!-- w=50 h=25 -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.1 KiB |
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
<!--
|
||||
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
|
||||
with permission in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Box Model: Min/Max Height and Width Constraints on Replaced Elements</title>
|
||||
<style type="text/css">
|
||||
|
||||
/* Diagrams are scaled so that w and h line up.
|
||||
Image is 75px x 75px; target dimensions will thus be 75px. */
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="234686-ref.gif" alt=""></p> <!-- intrinsic dimensions -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -103,6 +103,25 @@ fails-if(MOZ_WIDGET_TOOLKIT=="cocoa") == 28811-2a.html 28811-2-ref.html # bug 38
|
|||
== 214077-1a.html 214077-1-ref.html
|
||||
== 214077-1b.html 214077-1-ref.html
|
||||
== 218473-1.html 218473-1-ref.html
|
||||
== 234686-1.html 234686-ref.html
|
||||
== 234686-2.html 234686-ref.html
|
||||
== 234686-3.html 234686-ref.html
|
||||
== 234686-4.html 234686-ref.html
|
||||
== 234686-5.html 234686-ref.html
|
||||
== 234686-6.html 234686-ref.html
|
||||
== 234686-7.html 234686-ref.html
|
||||
== 234686-8.html 234686-ref.html
|
||||
== 234686-9.html 234686-ref.html
|
||||
== 234686-10.html 234686-ref.html
|
||||
== 234686-11.html 234686-ref.html
|
||||
== 234686-12.html 234686-ref.html
|
||||
== 234686-13.html 234686-ref.html
|
||||
== 234686-14.html 234686-ref.html
|
||||
== 234686-15.html 234686-ref.html
|
||||
== 234686-16.html 234686-ref.html
|
||||
== 234686-17.html 234686-ref.html
|
||||
== 234686-18.html 234686-ref.html
|
||||
== 234686-19.html 234686-ref.html
|
||||
== 234964-1.html 234964-1-ref.html
|
||||
== 234964-2.html 234964-2-ref.html
|
||||
== 235593-1.html 235593-1-ref.html
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче