Tengo el siguiente problema.
Tengo una etiqueta SVG donde creo un polígono con su viewBox definido. La cuestión es que al introducirlo de esta manera, no me deja definirle el ancho y alto en css, la imagen mantiene su relación de aspecto. Necesito que mantenga un height fijo, y el width se mantenga al 100% con respecto a la pantalla. Alguna idea?
En este ejemplo exagero un poco las dimensiones para que noten que el polígono no se deforma:
<svg
style='width: 100px; height: 200px'
viewBox='0 0 200 70'
>
<polygon points='0,0 200,0 200,50 0,70' fill='#000'/>
</svg>
width: auto;
para que tome automáticamente el ancho de la pantalla?