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 the correct way to do it for a html email:

```
<img alt="" src="" width="100%" style="margin: 0; border: 0; padding: 0; display: block;">

```

It will auto resize to match the width of the container element (which should always be a `<td>`).

Note that on some clients (Outlook '07, '10 & '13 in particular), the image will not exceed it's maximum dimensions. If you are working with a max-width fluid template this will not be an issue providing your image width matches the max width.
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.