Skip to main content
melhorias no exemplo
Fonte Link
André Ribeiro
  • 5,2mil
  • 14
  • 27

Você pode usar o svg como background e ajustar com background-size para fazer com que o tamanho da imagem se ajuste ao tamanho do elemento.

Exemplo:

#div1 {
    width: 500px;100px;
    height: 700px;150px;
    background-image: url(http://imgh.us/terco003.svg);
    background-size: 100% 100%;
}

#div2 {
    width: 300px;
    height: 400px;
    background-image: url(http://imgh.us/terco003.svg);
    background-size: 100% 100%;
}
<div id="div1"id="div1"></div>
<div id="div2"></>div>

Você pode usar o svg como background e ajustar com background-size para fazer com que o tamanho da imagem se ajuste ao tamanho do elemento.

Exemplo:

#div1 {
    width: 500px;
    height: 700px;
    background-image: url(http://imgh.us/terco003.svg);
    background-size: 100% 100%;
}
<div id="div1" />

Você pode usar o svg como background e ajustar com background-size para fazer com que o tamanho da imagem se ajuste ao tamanho do elemento.

Exemplo:

#div1 {
    width: 100px;
    height: 150px;
    background-image: url(http://imgh.us/terco003.svg);
    background-size: 100% 100%;
}

#div2 {
    width: 300px;
    height: 400px;
    background-image: url(http://imgh.us/terco003.svg);
    background-size: 100% 100%;
}
<div id="div1"></div>
<div id="div2"></div>

Fonte Link
André Ribeiro
  • 5,2mil
  • 14
  • 27

Você pode usar o svg como background e ajustar com background-size para fazer com que o tamanho da imagem se ajuste ao tamanho do elemento.

Exemplo:

#div1 {
    width: 500px;
    height: 700px;
    background-image: url(http://imgh.us/terco003.svg);
    background-size: 100% 100%;
}
<div id="div1" />