diff --git a/README.md b/README.md index 4cef908a93989f424ea0bb061803d5dafb827e9c..891ed259f331d0d1147b84c2a42f7f826074ccda 100644 --- a/README.md +++ b/README.md @@ -7,6 +7,27 @@ - Always include a plain text alternative to improve deliverability and accessibility - Most email clients, including Outlook, Gmail, Yahoo Mail, and Apple Mail, do not support embedded videos (e.g., <video> tags). +## Is using media queries recommended + +Most modern email clients support **media queries**, but some don’t—especially older versions or certain specific ones. This is why, if you want emails to display the same accross all email clients, it is recommended to avoid media querie. If you decide to use it, test in Outlook and other major clients before sending. + +- Email Clients That Support Media Queries (Good Support) + +1. Apple Mail (iOS and Mac) +2. Gmail (Web, Mobile App) +3. Outlook.com (Web) +4. Yahoo Mail +5. Samsung Mail +6. Most mobile email apps (iOS, Android) + +- Email Clients with Partial/No Media Query Support + +1. Outlook Desktop (Windows): Older versions (especially Outlook 2007, 2010, 2013) don’t fully support media queries. +2. Lotus Notes: Very rare, but no media query support. +3. Some corporate environments with older systems. + + + ## Supported CSS in Outlook - Outlook does not support border-radius or background images in normal CSS - Outlook ignores 'style' blocks, so always use inline styles