Radio Input Bug Causes Media Queries to Activate in Internet Explorer

When creating interactive email be careful if your design contains checked radio elements as it can cause some quirks when viewed in some Webmail clients like Yahoo! Mail and AOL Mail on Internet Explorer.

This article goes over how max-width media queries that reference elements that wrap checked radio elements gets activated in some webmail clients (but not others) in Internet Explorer and a few ways to work around the problem (such as using max-device-width).

Read the article.



Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">