@media print issue with SVG не отображается

Question

Я хочу сделать свой веб-сайт для печати, у меня проблемы с SVG в печати @media, проблема в том, что SVG не отображается при печати.

html5

<div class="svg-container"> 
<object type="image/svg+xml" data="{{ site.theme.link }}/asset/svg/{{ station.menu_order }}.svg" width="100%" height="100%" class="svg-content"></object> 
</div> 

css3

.svg-container { 
    display: inline-block; 
    position: relative; 
    width: 15%; 
    padding-bottom: 4%; 
    vertical-align: middle; 
    overflow: hidden; 
} 
.svg-content { 
    display: inline-block; 
    position: absolute; 
    top: 1.25em; 
    left: 0; 
} 

Кто-нибудь может мне помочь?

Answer 1

ответ был дан @SaraSoueidan просто нужно определить ширину и обивка-дно на 100%

.svg-container { 
    display: inline-block; 
    position: relative; 
    width: 100%; 
    padding-bottom: 100%; 
    vertical-align: middle; 
    overflow: hidden; 
} 
.svg-content { 
    display: inline-block; 
    position: absolute; 
    top: 0; 
    left: 0; 
}