How to make iframe fit ionic modal

I'm facing a tiny problem to show an iframe in ionic modal, I want the iframe to be full width and height depending on the ionic app window.

here is my modal code :

<ion-modal-view>

    <div class="bar bar-header" style="border-bottom:1px solid #ccc;position:relative">    
    <div class="h1 title" style="display:flex;flex-direction:column;line-height:initial;justify-content:center;padding:0 32px">
   {{team.name}}
    </div>
            <button class="button button-clear button-positive" ng-click="modal.hide()">Fermer</button>
    </div>

        <io-content >
            <iframe src="http://www.wikipedia.fr" style="width: 100%; height: 100%!important"> </iframe>

        </io-content>
</ion-modal-view>

PLUNKER PERVIEW