Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!--
Any copyright is dedicated to the Public Domain.
-->
<!DOCTYPE html>
<html>
<head>
<title>tall background-size: contain; for percent-width-nonpercent-height-viewbox.svg</title>
<link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
<meta name="flags" content="svg" />
<style type="text/css">
div
{
width: 256px; height: 768px;
}
#outer
{
border: 1px solid black;
}
#inner
{
background-image: url(percent-width-nonpercent-height-viewbox.svg);
background-repeat: no-repeat;
background-size: contain;
}
</style>
</head>
<body>
<div id="outer"><div id="inner"></div></div>
</body>
</html>