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