title: How to create HTML image links in Outlook proportional to the viewing window?
body: <p>So I'm not the greatest HTML programmer but I've recently been tasked to create an HTML email that contains image links. My goal is to have the images rescale proportional to the browser size so that the images aren't too big when viewing them on mobile but don't look too small when viewing them in a browser/Outlook.</p>
  
  <p>Here is the line I used to generate the links:</p>
  
  <pre><code>&lt;a href="[link goes here]"&gt;&lt;img alt="title" width="5%" height="9%" src="[picture goes here]" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>This "appears" to do what I want to do. When I zoom in and out of the screen, the images stay the same size. Everything looks great when viewing from a browser but once I insert the code in Outlook 2010, the images don't keep their sizes. In fact, they go back to their original  W/H, 488x592.</p>
  
  <p>I've also tried to hardcode the W/H to: <code>width="40" height="50"</code> but while it looks great on mobile, it looks tiny in a browser.</p>
  
  <p>Let me know if you need further clarification or other parts of the original HTML code. Please remember this has to work on Outlook. Thank you.</p>