Slide help. Auto adjust slide content to fit slide


#1

I have the following code:

<ion-content overflow-scroll="true">  
        <ion-slides loop="true">
            <ion-slide> 
                <h2>Header</h2>
				<p>Paragraph</p>
                <img src="img/mySvg.svg">
            </ion-slide>

            <ion-slide>
                <h2>Header</h2>
				<p>Paragraph</p>
                <img src="img/mySvg2.svg">
            </ion-slide>
        </ion-slides>
</ion-content>

That is all there is on the page. I am testing now on smaller screen sizes like the iphone 4. the SVG files are high, but not very wide and what is happening on the smaller screen is some of the header an paragraph is being cut off as the image seems to be pushing the content out of the viewport. I want the content to autoscale to the screensize so that the slides fit nicely. How can I do this?