Comments (4)
@TomHartney sorry I don't have time to test or work on this now, let me know if you found a fix.
from responsive-html-email-template.
Will do. I will repost if I find a workaround. Tom
from responsive-html-email-template.
Just spend my day researching this problem for the company i work for, the result:
This is not possible on Android 4.2+. The native client does not support media queries. They switched to the "Gmail" render engine from what i could find on the interwebs, which strips all CSS that's not inlined, so no media queries possible there.
Templates should be made with the "mobile first" approach in mind. So clients supporting media queries will render your "min-width: 481px" media query styling. Clients not supporting media queries will just show your mobile version.
Since the majority of e-mails gets viewed and openend on mobile e-mail clients these days, this is a good thing to consider. Source: https://litmus.com/blog/53-of-emails-opened-on-mobile-outlook-opens-decrease-33
We are now considering moving to this mobile first approach. Still looking at the pros and cons.
Media query support: https://litmus.com/help/email-clients/media-query-support/ (list is not correct for Android 4+ native)
Note: tested on Android 4.2.2 and 4.4.
from responsive-html-email-template.
@TomHartney Do you fixed your issue? If yes then please let me know.
from responsive-html-email-template.
Related Issues (20)
- Use mc:edit HOT 3
- Blueprint w/o inline styling? HOT 1
- Issue with css styles HOT 1
- Content table (500px) won't centre on Outlook.com
- Adapting to mosaico editor HOT 1
- [Feature] creating a table layout for contents like shopping cart
- Gmail: viewing half of the email HOT 1
- responsive issues HOT 8
- Hybrid / Spongy? HOT 3
- Windows phone 8.1. support HOT 2
- Outlook 2016 - blows out the background container HOT 3
- Yahoo Mail - Left Margins Missing HOT 5
- Email Snippet in Android Mail HOT 2
- font HOT 3
- Background Images
- Author and about links either spam or not working HOT 2
- White space column in Mailbox app HOT 8
- "invisibleIntroduction" problem on Outlook HOT 9
- Rendering issues in Gmail app (Android) HOT 11
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from responsive-html-email-template.