title: Android Email, CSS Media Queries, & Outlook Exchange
body: <p>I am using the following embedded  tag and media query <strong>inside HTML email</strong>:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  @media screen and (max-device-width:800px) {
      /* styles */
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>I have a problem with this on the Android native mail client (Froyo; testing on a Galaxy S, and a Galaxy S2):</p>
  
  <ul>
  <li>When I send email to a Gmail account and check it on the email client, the media query works great.</li>
  <li>When I send email to our company email addresses - which are run on a Microsoft Exchange Server (I believe Exchange 2010), the media query does not run at all.</li>
  </ul>
  
  <p>I don't know how to view the source of the email on the phone, but it seems like the email's HTML is being modified by Exchange before it reaches the device.  I would expect it to modify the HTML when viewing in Outlook or via Outlook Web Access, but I'm not sure why the version on the device device is getting modified, and if so, in what way it is modified.</p>
  
  <p>Any suggestions?
  Anyone run into anything similar, or at least know how to "view source" of an email as it is stored on the device?  (Once forwarded, it would be modified by the receiving email platform, right?)</p>