44 lines
2.7 KiB
HTML
44 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>layout zoom test</title>
|
|
<style>
|
|
#test {
|
|
width: 500px;
|
|
height: 1500px;
|
|
background: navy;
|
|
zoom: 0.05;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="test"></div>
|
|
<div id="console">
|
|
The box above should be navy blue with no banding effects.<br>
|
|
PASS: With zoom of 100% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 110% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 125% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 133% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 150% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 166% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 175% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 200% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 250% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 300% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 400% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 500% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 750% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 1000% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 90% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 80% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 75% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 66% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 50% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 33% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 25% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 10% bottom edge of last child lines up with bottom edge of container.<br>
|
|
PASS: With zoom of 5% bottom edge of last child lines up with bottom edge of container.
|
|
</div>
|
|
</body>
|
|
</html>
|