Thunderbird and responsive emails / media queries

alessandro flocco posted 2020-11-28 11:25:08

Hello guys,
I noticed that, since last Thunderbird releses (78.x for sure), the software removes media queries CSS.
I add a block like this:

but on the received email I have only this:

Other CSS code blocks remain as they are.
Any one facing this "issue"? Any suggestion or solution?

Thank you very much :)
Alessandro

Yup I'm seeing this too.

I was on 78.3.0 and just updated to 78.5.0 on MacOS 10.15.7 tested both versions, and both are removing media queries.

Testing on Litmus media queries are supported Thunderbird 60 on Windows 10

I've found a bit of a work around.

We can apply a media query directly to a <style> block.
e.g. <style media="screen and (max-width:480px)">

But some email clients will ignore the media attribute and apply it as a regular style even when the media condition isn't met.

So to only apply it to Thunderbird we can prefix our styles with .moz-text-html so the full fix looks like

<style media="screen and (max-width:600px)">
 .moz-text-html .foo{background:green}
</style>

Hello,

very interesting readings, it seems they are still deciding the default value of the config variable.
Let's see what happens

Thank you very much