Chiều rộng và chiều cao đầy đủ SVG

Question

Sự tiến thoái lưỡng nan: làm cho một hình ảnh svg đầy đủ cửa sổ lấp đầy với méo khía cạnh, KHÔNG sử dụng thẻ SVG. Tại sao không có thẻ svg? Bởi vì tôi có ý định trao đổi SVG sau này (nếu không thường xuyên) trong cuộc đời của trang, và tôi đã không tìm thấy một cách dễ dàng để làm điều đó.

Những nỗ lực thất bại:

<!-- 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);" /> 

Tôi cũng đã cố gắng

background-size:contain; 
background-size:cover; 
background-size:100% 100%; 
background-postion: center center; 

nhưng không có may mắn.