| <!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> |
