Often I have rows with images that are set to 1 pixel in order to have them expand to 100% on mobile devices using a media query. The problem with this is Outlook 2013 sets a default minimum height to table rows and I am left with a large amount of white space. I have been using conditional comments to 'hide' the code with the rows of 1 pixel images from Outlook. It has been working fine. But unfortunately the code is 'hidden' from the Outlook App as well. I need the 1 pixel images to expand to 100% on mobile devices and that inculdes those with the Outlook App. The code I am using to hide content from Outlook looks something like this:

*[class].MobileCreative {display:block; border:none; height:auto; line-height: 100%; outline:none; -ms-interpolation-mode: bicubic; width:100% !important; }

<!--------------- MOBILE CREATIVE ------------------------->

<!--[if !mso]><!-->

<td class="MobileCreative"><a href="#" target="_blank" title="" style="color:#1E1E1E; text-decoration:none;"><img src="image.jpg" width="1" height="1" border="0" class="HeroShot" style="display:block;" /></a></td>


Does anyone know how I can target only desktop versions of Outlook 2007, 2013 & 2016 with a conditional comment but not the Outlook App on mobile devices?