How to dynamically resize an image inside an email client?

Question

Are there ways to resize an image to fit thew window the image is being viewed in WITHOUT javascript and limited CSS?

I ask because I have an email campaign that I send out that features a main image that I want as large as possible without scrolling. I have read ways to do this with javascript and jQuery but I do not see a way to do this that the majority of email clients will read and react to properly. Is this possible? And if so - How?

Answer 1

This is how you should be able to do it

---

    /****this is the Css****/
    .full {
     width:100%;
     height:auto;
     }
    /***end Css***/
   <!--Now the html--!>
   <section>
   <img src="image/main.png" class="full">
   </section>

Or you can go the simple way *update

you can do it like this

    <img src="image/main.png" style="width:100%; height:auto; border:none;" />

and if they have an option to put it as html to do it like that as it should render correctly like that