HTML CSS - Font size oversized when shown on windows phone

问题

I'm actually creating a newsletter. When i open the email into outlook, outlook web access, the layout is exactly the same as the one i built. Yet when I open the same email in my windows phone 8 font size is not respected and the email has no longer the same layout.

Do you have any kind of suggestion ? 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 kind of css in the style span but it doesnt work

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

回答1:

This might have something to do with the viewport size on the device. You can try setting the initial scale to see if that resolves the issue.

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

来源：https://stackoverflow.com/questions/16186829/html-css-font-size-oversized-when-shown-on-windows-phone