Can anyone help me understand why Windows Phone reduces the font size when text is placed within a table cell that isn't at 100% width or nested?
Below is a screenshot of a test email template I'm working on. When I sent it to a Windows Phone 8.1 device (SDK emulator image), the issue I mentioned was clearly visible:
All other tables with text at 100% width display normal font sizes, but for the results table which is not at 100% and includes nesting, the font size becomes very small. Despite trying various solutions, I can't seem to get it to render in its intended size.
This problem only occurs with an EAS (Exchange ActiveSync) based mailbox, such as Exchange, because the rendering engine differs from POP3/IMAP accounts.
Things I've attempted that haven't worked include:
- Using viewport meta tag
- Adding a font tag with size attribute
- Using -ms-text-size-adjust:none;
I have checked similar posts on Stack Overflow regarding this issue, but none of the suggestions seems to work in my case. Below is the code I'm working on and what leads to the behavior described above:
Any advice would be appreciated!