HTML CSS Font size is not displayed when displayed on a Windows phone.

Question

I am actually creating a newsletter. When I open an email in Outlook, the appearance of web access, the layout is exactly the same as the one I created. However, when I open the same email on my Windows phone, the font size 8 is not respected and the email no longer has the same layout.

Do you have any suggestions? I have this css instruction in my tag. (-ms-text-size-adjust: none;)

body { background-color: #f9fbf4; margin: 0; padding: 0; -ms-text-size-adjust: none; } 

I also put this css type in a range of styles, but it doesn't work

 <span style='font-size: 8.5pt; font-family: Georgia,"sans-serif"; color: white; font-size-adjust: none;'>Hello</span> 

Answer 1

This may have something to do with the size of the viewport on the device. You can try setting an initial scale to see if this fixes the problem.

 <meta name="viewport" content="width=device-width; initial-scale=1.0;>