Responsive SVG

by ian_smithz

HTML

<!--<div>
    <img src="http://baconmockup.com/1600/900" width="1900" height="900" />    
</div>-->
<div>
    <svg version="1.1" width="100%" height="100%" viewBox="0 0 1600 900">
        <g>
            <path d="M577.4,268.33c0,6.42,0,12.83,0,19.25c-0.28,5.77-0.4,10.89-1.79,15.55c-1.28,4.28-3.551,8.12-5.82,11.53   c-7.1,10.65-14.771,19.7-23.17,28.87c-1.37,1.5-3.09,2.77-4.47,4.25c-6.931,7.41-12.891,15.64-18.131,25.18   c-4.22,7.68-7.359,15.59-11.97,22.72c-4.56,7.04-9.76,13.08-15.45,19.24c-2.689,2.92-5.8,5.7-8.72,8.62   c-2.87,2.87-5.96,5.67-8.96,8.39c-6.16,5.601-12.49,10.83-19.36,15.33c-6.93,4.55-14.22,8.96-21.59,13.101   c-14.88,8.35-29.72,16.319-46.22,23.159c-32.69,13.561-62.17,30.62-95.01,43.761c-2.04,0.819-4.18,1.62-6.37,2.35   c-2.32,0.76-4.59,1.15-7.17,1.45c-4.87,0.57-9.79,1.68-14.66,2.689c-19.41,3.99-37.12,9.03-56.28,13.091   c-9.59,2.029-19.71,3.39-30.78,3.92c-10.94,0.52-22.45,0.439-34.24,0.439c-11.52,0-23.13-0.09-34.13-0.56   c-11.44-0.48-20.6-2.16-28.76-5.93c-3.95-1.82-7.77-3.811-11.41-5.931c-3.7-2.149-7.36-4.29-10.52-6.819   c-6.15-4.94-11.68-11.711-16-18.69c-2.3-3.71-4.53-7.21-6.05-11.3c-1.51-4.11-1.96-9.69-1.67-15.67   c0.52-11.17,1.44-21.181,2.12-32.57c1.34-22.17,1.68-45.08,1.68-67.7c0-11.68,0.35-23.39-0.22-34.24   c-0.62-11.55-2.3-20.2-6.27-28.42c-3.8-7.87-7.96-15.14-11.64-23.05c-3.39-7.31-6.26-15.08-6.49-25.33c0-0.96,0-1.91,0-2.87   c0-5.67,0-11.34,0-17.01c0.09-0.03,0.13-0.1,0.11-0.23c-0.75-20.38,6.7-32.19,16.57-41.85c2.55-2.5,5.44-4.32,8.16-6.38   c2.8-2.11,5.3-4.52,7.5-7.16c4.59-5.51,6.93-12.4,8.17-21.15c0.68-4.76,0.3-9.43,1.34-13.2c1.01-3.65,2.95-6.57,5.15-9.52   c4.07-5.45,9.31-10.17,14.88-14.43c10.87-8.32,23.31-15.85,36.93-21.6c13.81-5.83,29.39-9.6,46.11-12.42   c16.46-2.78,33.81-5.39,51.36-7.16c35.82-3.61,74.61-3.19,113.02-4.03c19.511,0,39.021,0,58.53,0c15.73,0.22,30.37,0.1,44.76,0.78   c7.23,0.34,14.24,1.01,19.69,3.14c5.14,2,9.979,5.26,14.22,8.5c8.59,6.58,16.82,13.79,23.38,22.16c6.55,8.34,12.3,17.7,17.8,27.64  ...

CSS

div {
    position: relative;
    padding-bottom: 56.25%;

    background:#000;
}
div img, div svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}