| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <title>Zooming</title> | |
| <style type="text/css"> | |
| p { color: navy; } | |
| div { margin: 1em 0; height: 100px; width: 100px; background: navy; } | |
| </style> | |
| </head> | |
| <body> | |
| <p>Zoom in and out. The following two squares should always be the same size.</p> | |
| <div></div> | |
| <svg height="100px" width="100px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> | |
| <rect x="0" y="0" width="100" height="100" fill="navy"/> | |
| </svg> | |
| </body> | |
| </html> |