Responsive styles (implemented with @media queries) need to be located in a very specific part of the document. letter_opener interferes with this by wrapping the html document output from the template in another html document.
I believe the fix is to wrap the html output in an iframe (like mail_view does). You may have to use srcdoc instead of src.
Responsive styles (implemented with
@media
queries) need to be located in a very specific part of the document. letter_opener interferes with this by wrapping the html document output from the template in another html document.I believe the fix is to wrap the html output in an iframe (like mail_view does). You may have to use srcdoc instead of src.