In certain instances, it may be desirable to create an SVG file that can stretch to fill your browser's screen. As SVG is made of vector graphics, your images will scale quite beautifully in most instances (unless you've embedded raster images, which will be covered in Hour 11, “Images”).
To create scaling content, you will need to do two things:
Modify your SVG document data
Modify your HTML embed element data
In order to specify the method in which your content will scale, you must include the preserveAspectRatio attribute in your svg element. This attribute determines how your content distorts in accordance with the shape of the viewBox. There are dozens of possible values for this attribute, each offering ...