VS
0
Outlook App Not Displaying Images When Viewed on iPhone
Does the iPhone version of the Outlook app not support media queries? We're finding that if our email is viewed in landscape mode (desktop version), the images show however when in portrait (mobile version), they don't display? Thanks in advance.
I'm getting really weird things happening with images in the Outlook app on iPhone, that doesn't seem to happen on Android.
Like you I've noticed some weird things with images loading/not loading. If you rotate the device or go back to the inbox and then back into the email, the images will load. But other emails I find the images load immediately, so it's not consistent.
I've also noticed images that should be edge-to-edge within the device's screen aren't anymore and have white space on either side (https://twitter.com/CourtFantinato/status/722158297445310464).
And now sometimes images are showing up SUPER tiny, but if I go back in/out of the email or rotate the device they'll show at the correct size. But this again is also inconsistent...
So far I haven't figured out what is causing this! But I haven't noticed it in the Android version of the app.
I encountered a similar issue with a build. I identified the issue to be rooted within our reset CSS for images:
Upon removing the "height:auto;" from the setting, I was able to get the images to load on the first open of the email.
That's exactly what we are experiencing as well. Glad we're not the only ones! The images showing/not showing sporadically really has us stumped as the issue is not consistent. We've also noticed that when they do show, they are slightly off to the left?
any news about this issue?
I have the same problem :(
I don't think there's a way around it — it would be a bug with the app itself.
I've just sent some test emails to our account and see no issues.
As for Andrew's comment regarding
height:auto
my overriding media queries utilise this with no issue, however i'm using!important
tags to force this.If it's any help my media query is as follows:
@media only screen and (max-width: 480px), only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.1), only screen and (-webkit-min-device-pixel-ratio: 2.1) {