title: Yahoo Mail & Gmail App not rendering height property in media query
body: <p>I'm trying to build an EDM for my client and I want the height of an elment to update on mobile but it seems that specifically the height attribute doesn't take on Yahoo Mail App for iOS and Gmail App for Android.</p>
  
  <p>My <code>style</code> tag and media queries are both in the head and body section of the HTML file. 
  The <code>background-color</code> works so I know that the email is referencing the <code>style</code> tag but the height is staying at 50px and not updating to 10px on mobile.  </p>
  
  <p>Style tag:  </p>
  
  <pre><code>&lt;style&gt;
  @media only screen and (max-width:600px){
  .mobile-height-10{ background:green !important; max-height:10px !important; min-height:10px !important; height:10px !important; }
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>HTML here:  </p>
  
  <pre><code>&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f2f2" align="center" id="edmTable" style="width:100%;padding:0;margin:0;border:none;outline:0;"&gt;
  
    &lt;tr&gt;
      &lt;td&gt;
        &lt;table width='100%' border='0' cellspacing='0' cellpadding='0' bgcolor='#f4f4f4' align='center' class='full-width' style="width:100%;min-width:100%;background-color:#f4f4f4;"&gt;
          &lt;tr&gt;
            &lt;td align="center"&gt;
              &lt;table width='600' border='0' cellspacing='0' cellpadding='0' align='center' bgcolor='#f4f4f4' class='mobile-full-width' style="width:600px;background:#f4f4f4;"&gt;
                &lt;tr&gt;
                  &lt;td width="100%" height="50" style="font-size:1px; line-height:0px;min-height:50px;min-width:100%;" class="mobile-height-10"&gt;&amp;nbsp;&lt;/td&gt;
                &lt;/tr&gt;
              &lt;/table&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/table&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  
    &lt;/table&gt;
  </code></pre>
  
  <p>As I understand it, the height property should work fine in media queries: <a href="https://www.campaignmonitor.com/css/media-queries/min-height/" rel="nofollow noreferrer">https://www.campaignmonitor.com/css/media-queries/min-height/</a></p>
  
  <p>Does any body have any insight they can share with me as to why this isn't working as expected?</p>
  
  <p>Your help is much appreciated<br>
  Moe</p>