Skip to main content
adicionou 253 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Para ser proporcional/responsivo acho que tens de defenir um tamanho padrão para o qual o svg deve ter 165px. Assim usando o preserveAspectRatio e o viewBox podes fazer assim (exemplo para ecrã 1650 x 1650):

<svg width="100%" height="100%" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1650 1650">

###jsFiddle: http://jsfiddle.net/d18jvfkj/

viewBox:

The viewBox attribute allows to specify that a given set of graphics stretch to fit a particular container element.

Traduzido livremente:
O viewBox permite um dado grupo de gráficos adaptar-se a um elemento contentor.

Para ser proporcional/responsivo acho que tens de defenir um tamanho padrão para o qual o svg deve ter 165px. Assim usando o preserveAspectRatio e o viewBox podes fazer assim (exemplo para ecrã 1650 x 1650):

<svg width="100%" height="100%" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1650 1650">

###jsFiddle: http://jsfiddle.net/d18jvfkj/

Para ser proporcional/responsivo acho que tens de defenir um tamanho padrão para o qual o svg deve ter 165px. Assim usando o preserveAspectRatio e o viewBox podes fazer assim (exemplo para ecrã 1650 x 1650):

<svg width="100%" height="100%" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1650 1650">

###jsFiddle: http://jsfiddle.net/d18jvfkj/

viewBox:

The viewBox attribute allows to specify that a given set of graphics stretch to fit a particular container element.

Traduzido livremente:
O viewBox permite um dado grupo de gráficos adaptar-se a um elemento contentor.

Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Para ser proporcional/responsivo acho que tens de defenir um tamanho padrão para o qual o svg deve ter 165px. Assim usando o preserveAspectRatio e o viewBox podes fazer assim (exemplo para ecrã 1650 x 1650):

<svg width="100%" height="100%" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1650 1650">

###jsFiddle: http://jsfiddle.net/d18jvfkj/