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: 
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
I was dealing with really big images without any kind of a container. I fixed it by using `max-width` to ensure the image wouldn't be too big.

```
    <img
        src=""
        width="100%"
        style="max-width: 80vw; margin: 0; border: 0; padding: 0; display: block;"
    />

```

Using both width and max-width ensures the image will take the full available space, but not too much. I used `80vw` and not `100` because people rarely read your emails in a fullscreen mode, usually more often using a viewer (Gmail), which usually uses a bit of the available space.