Reputation: 1762
We have an HTML email with a one line title set at 16px Georgia inside a table cell.
We're using relative values so the table re-sizes for mobile, but that is producing orphans where only one word is on the second line.
Is there any technique where you could scale down the type proportionally to the table?
I know font-size could be set to a percentage, but wondering if there is any way to tie that to the re-size of the container.
Upvotes: 0
Views: 1078
Reputation: 1937
I have followed two options to deal with orphans occurring in a responsive email:
instead of a normal space@media
to declare a smaller font-size
for your email when it appears on a mobile device, see: http://www.campaignmonitor.com/guides/mobile/coding/Upvotes: 2