El dilema: crear una imagen svg de ventana completa que llene la distorsión de aspecto WITH, SIN usar una etiqueta SVG. ¿Por qué no hay una etiqueta svg? Porque tengo la intención de cambiar el SVG más tarde (si no con frecuencia) en la vida de la página, y no he encontrado una manera fácil de hacerlo.Ancho y alto completos SVG
Los intentos fallidos:
<!-- for the record, my style are in a css file,
for example purposes they are style attrs-->
<!-- Working in Webkit but not in firefox, in firefox blocks stretching
and places the svg in the middle of the tag-->
<img src="my.svg" style="width:100%;height:100%;
position:fixed;top:0;left:0;bottom:0;right:0;" />
<!-- Both Webkit and Firefox block distortion, so the svg
appears centered in the div rather than conforming to the div-->
<div style="width:100%;height:100%;position:fixed;top:0;
left:0;bottom:0;right:0;background-size:cover;
background-image:url(my.svg);" />
que también han tratado
background-size:contain;
background-size:cover;
background-size:100% 100%;
background-postion: center center;
pero no hubo suerte.
posible duplicado de [¿Cómo escalar un terco SVG incrustado con la etiqueta
¿Dónde en mi publicación hay una etiqueta '